CSS 范围和编码/命名指南

Question

当您有一个包含大量不同页面、大量 CSS、然后是大型样式文件的大型网站（想要单个文件来提高页面加载性能）时，我看到 CSS 的一个问题是它们没有范围，而一个风格会干扰他人。在一个地方定义的一种样式会影响在它之后定义的所有其他样式。让我用一个例子来解释我的问题：

如果我的 CSS 文件中有

 p a {
      style-values-X
 }

 .whatever a {
     style-values-Y
 }

第一种样式可能会无意中影响这样的 Html

<p>
     ...        
     <div class="whatever">
     ...
          <a href="…"> /* this will end with style-values-X + style-values-Y */
     ...
     </div>
     ...
</p>     

在没有每个 Html 页面的 CSS 文件、样式类的长名称的情况下，如何编写代码来避免问题......？

是否有任何编码/命名指南文档来组织/命名您的 CSS 类？

Answer 1

这就是为什么您在使用 CSS 时从一般性开始并变得更加具体。它的级联部分变得很容易利用。

CSS 特性：http://www.htmldog.com/guides/cssadvanced/specificity/

还有这个很棒的链接（如果你是星球大战的粉丝）：http://www.stuffandnonsense.co.uk/archives/css_specificity_wars.html