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时更具体。它的级联部分变得容易利用。

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

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

CSS范围和编码/命名准则

1 个答案: