CSS类顺序答案

【问题标题】：CSS class orderCSS类顺序
【发布时间】：2012-11-08 18:23:40
【问题描述】：

我有一个带有多个 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 */
}

但是浏览器会优先选择我的“模板”而不是特定的类。课程不应该是最重要的还是我错过了什么？

FIDDLE Link

PS：请不要使用“！important”标签

【问题讨论】：

你也可以通过它被覆盖的内容来显示吗？

标签： css html tags styles

【解决方案1】：

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

所以，要解决这个问题，请使用 .main .exception 作为您的例外。

【讨论】：

【解决方案2】：

.main a 比 .exception 更具体。我想你的目的是：

.main a{
  /* Links Scheme */
}

.main a.exception{
 /* particular link css */
}

【讨论】：

【解决方案3】：

在 css 中，顺序也取决于选择器的具体程度，因此请尝试将 .exception 更改为 .main a.exception。

jsFiddle：http://jsfiddle.net/jdwire/DFNyW/2/

【讨论】：