CSS class order

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 */ 
}​ 

但瀏覽器優先考慮我的「模板」，而不是特定的類。班上的人不應該是最重要的，還是我錯過了什麼？

FIDDLE Link

PS： 「重要的」，而無需使用標籤請

Answer 1

這是特異性的問題。由於.main a包含類和標籤名稱，因此它更具體，因此優先級高於類名。

所以，要解決它，請使用.main .exception作爲例外。

Answer 2

。主要a更具體然後.exception。我想你會的是：

.main a{ 
    /* Links Scheme */ 
} 

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

Answer 3

在CSS中，訂單也由選擇具體怎麼是確定的，那麼請嘗試更改.exception到.main a.exception。

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