CSS:尽力而为,做好就行

Avatar of Chris Coyier
Chris Coyier 发布

DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 200 美元的免费额度!

您是否曾担心自己使用 CSS 的方式完全错误?是否错过了某种使一切变得更容易、更好的新方法?是否希望自己对 CSS 的状态更有信心?

我相信我们都能理解安娜在这里的情感

如果您经常使用 CSS 却从未有过这种感觉,我会担心您。要么您聪明得可怕,要么,您懂的

以下是我最近尝试使用 CSS 的方法:**尽力而为,做好就行。** 我不遵循任何特定的方法或严格的规则。更像是试图控制局面的松散准则集,由我积极尝试做好工作的理念支撑。

免责声明:这只是我个人的做法。我主要从事大部分 CSS 代码都由我本人编写的项目。根据最近在这里进行的调查,这适用于 55% 的人。我推测,您与的人越多,您从比我遵循的更严格的规则中获得的好处就越大。

以下是“尽力而为,做好就行”的一些详细说明

**不要偷懒。**知道何时在偷懒。我的意思是,您对某个问题进行快速修复,而不是尝试理解问题。或者将一些 CSS 放入当前看来最方便的文件中,而不是考虑它最适合放置的位置。或者在明显需要创建新模式时避免这样做。或者继续使用正在给您带来麻烦的模式。睡一觉。不要着急。把它做好。

**按照自己的方式做事。** 您知道吗?我喜欢在模块中少量使用子选择器。.module > h2 在很多时候都非常适合我。某些严格的方法会不同意。我不太在乎。我将继续这样做,直到它真正造成一些负面后果,而目前还没有。如果发生了,我会改变,因为请参见上文。

**按照您自己的方式命名事物。** 如果我让某种方法告诉我如何命名事物,我知道我自己,我的内心会开始发动政变。我可能会遵循一两天,直到我放弃该方法并重新完全控制。在完全基于我的 WWINTT(我将如何命名这个东西?)策略构建的项目中,我感到最舒适和高效。

**使用对您明显有用的工具。** 我甚至不会命名任何工具,因为这不是重点。如果我能识别出对我来说有明显好处的工具,我就会使用它。它可以节省时间、产生更好的输出、允许更好的组织、解决性能问题、自动化最佳实践,等等。我愿意。

我真正相信的唯一“规则”式的事情:**在整个项目中保持选择器的特异性相当低且扁平化。** Harry 的 特异性图表 是思考此问题的一种好方法。特异性将呈上升趋势,因此永远不要从高处开始,因为上限很容易变得有问题。主要:.class {}

**有目的地重新访问您网站的各个部分。** 可能不仅仅因为您想清理那里的 CSS,而是因为您想以某种方式让您网站的该部分对所有人来说更好。我发现每次重新访问某个区域时,都是清理所有触及它的代码的机会。这有助于我与旧代码建立联系,并减少对它的恐惧。