CSS类顺序

Question

我有一个带有多个 div 和“a”标签的主“div”，我想设置一个“类似模板”的 css 以使它们看起来都一样，但是一些 A 标签需要不同所以我想关于让它像这样:

<div class="main">
   <a href="#" class="exception">CLick A</a>
   <br/>
   <a href="#">CLick B</a>
   <br/>
   <a href="#">CLick C</a>
   ....
</div>​

在 css 上:

.main a{
  /* Links Scheme */
}

.exception{
 /* particular link css */
}​

但是浏览器优先考虑我的"template"而不是特定的类。类(class)不应该是最重要的还是我错过了什么？

FIDDLE Link

PS:请不要使用“!important”标签

Answer 1

这是一个特异性问题。由于 .main a 包含一个类和一个标记名称，因此它更具体，因此比仅包含一个类名具有更高的优先级。

因此，要解决它，请使用 .main .exception 作为您的异常。