如何为 css 定义一个好的约定？答案

【问题标题】：How to define a good convention for css?如何为 css 定义一个好的约定？
【发布时间】：2009-09-23 08:18:39
【问题描述】：

我现在负责为我公司的网站重构 HTML 和 CSS。正如我所看到的当前 CSS 代码，它遵循 ID 和类的命名约定（camel Notation）。但是，上周我给办公室里的每个人做了演示；然后一个人表达了一个关于在包含多个单词的名称之间使用下划线或破折号的想法，因为他提到了 SEO 对页面的可访问性。在这种情况下，我不确定他的想法是否有用。有人对此有想法吗？

【问题讨论】：

标签： css seo naming-conventions

【解决方案1】：

这个人本人 (Eric Meyer) frowned upon their use 多年前。就我个人而言，我倾向于采用初始上限方法。我看不出这对可访问性有何帮助。

我敢肯定，只要您始终如一（当然只要它有效），您选择的内容几乎没有什么区别。

【讨论】：

【解决方案2】：

我更喜欢all-lowercase-hyphen-separated 方法。

这与CSS properties 的命名方式一致：font-size, border-top, vertical-align 等

【讨论】：

【解决方案3】：

我个人倾向于在开头使用小写字母，然后使用大写字母，例如.userImage

我不记得我是什么时候采用这种方法的，也不记得为什么！和上面的 Richard 一样，我看不出 CSS id 和类的命名与可访问性有什么关系。

【讨论】：

【解决方案4】：

好吧，当您看到所有关于 SEO 的炒作时，即使是类名和 id 名也确实计入 SEO 优化，因此我选择连字符/下划线而不是驼峰式

【讨论】：

【解决方案5】：

这是一个有趣的问题。如果它有任何用处，似乎微格式建议lowercase-hyphen approach http://microformats.org/wiki/naming-principles-faq

【讨论】：