我正在为一个网站制作样式表。 css样式名称应该和网站或内容相关？
我的网站是关于网络开发的。使用样式名称的权利吗-
#web-development-header
.web-development-company-london-content
或者应该使用
#header
.content
css样式名称对seo有帮助吗？
【问题讨论】：
寻找与内容相关的名称 - 这些名称易于维护。更长的字符串意味着加载页面的时间更长。而且 CSS 样式名称与 SEO 无关。
【讨论】：
选择内容命名约定。
一条建议，使用不描述视觉输出的名称因为视觉输出可能会改变，然后 CSS 类或 id 名称会产生误导。
例如，如果设计人员将.redtext 更改为蓝色，则类名具有误导性，查找和替换的工作很费力。
我建议选择像 .warningtext 这样的名称，而不是 .redtext。
【讨论】：
当您正在为伦敦的一家 Web 开发公司构建网站时，如果您想为纽约的一家 Web 开发公司重用代码，会发生什么情况？或者伦敦的工艺品店怎么样？现在看起来微不足道，因为您正在编写代码，但是如果您有一个团队怎么办？最佳做法是使用对当前页面有意义的名称。如果您在屏幕上打开页面，任何人都应该能够识别主要组件：页眉、页脚、导航等。
虽然 ID 和类应该像 Christoper Altman 发布的 (.warningtext v .redtext) 那样具有描述性，但没有必要用信息使它们超载（.thisTextAppearsWhenTheUserEntersTheirNameInThePhoneNumberArea 有点傻），因此需要取得平衡。一般来说，我会尝试使用最少的描述来专门标记一个部分，以简化我的代码外观和我对速度的不健康的痴迷。
简而言之，如果您只需要正确标识一个部分就是标题，那么使用标题。如果没有目的，无需介绍更多信息。
【讨论】：
所有其他答案都很棒，但别忘了你也可以嵌套 CSS，这可以让你的命名约定更加灵活，并允许你使用简短的名称：
#header {}
#header #left {}
#header #right {}
.content {}
.content #left {}
.content #right {}
<div id="header">
<div id="left"></div>
<div id="right"></div>
</div>
<div class="content">
<div id="left"></div>
<div id="right"></div>
</div>
【讨论】：