Html CSS范围和编码/命名指南

当你有一个很大的网站，有很多不同的页面，然后是大量的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>     

...        
...
/*这将以style-values-X+style-values-Y结束*/
...
...

如果没有每个Html页面的CSS文件，没有样式类的长名称，如何编写代码来避免问题

---

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

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

CSS特异性：

---

还有这个很棒的链接（如果你是《星球大战》的粉丝）：

这就是为什么在使用CSS时，你会从一般开始，然后变得更具体。它的级联部分很容易利用

CSS特异性：

---

还有这个很棒的链接（如果你是《星球大战》的粉丝）：

哦，我不知道具体规则，谢谢。我的问题更多的是关于命名样式类以避免这些冲突的方法。这些可能很难在新页面中找到，并且需要使用Firebug或其他工具。您可以始终使用类或id来命名它的名称空间。这些样式不适用于其他任何东西。哦，我不知道特殊性规则。谢谢。我的问题更多的是关于命名样式类以避免这些冲突的方法。这些可能很难在新页面中找到，并且需要使用Firebug或其他工具。您可以始终使用类或id来命名它的名称空间。这些风格不适用于其他任何东西