選擇器上的類的順序是否重要？如果是，我可以指定順序嗎？

Question

是否有之間的差異：

<span id="test" class="one two"></span> 

和

<span id="test" class="two one"></span> 

如果有這些類衝突的CSS規則確實順序回事？

jQuery中是否有任何API重新排序？當我打電話給addClass()它總是會結束嗎？

Answer 1

訂單無關緊要。

http://jsfiddle.net/rc8Yu/

css precedence

的重要組成部分，這裏是

如果兩個規則在上述所有的相等，則宣佈最後的勝利。嵌入在HTML CSS外部樣式表後總是不分先後順序在HTML

Answer 2

類的HTML中的順序並不打緊，但CSS內的順序事情做。例如，如果您有：

span.one { color: red } 
span.two { color: blue } 

兩個跨越與class="one two"和class="two one"會產生藍色文本，因爲類「二」是指最後一次。但是，如果我們改變了對

span.two { color: blue } 
span.one { color: red } 

，也做了同樣的事情，這兩個範圍將現在，因爲類「一」是指最後的紅色文字。還銘記保持該ID將覆蓋這些類的無論是什麼，所以如果我定義：

span#test { color: green } 

，並添加id="test"，那麼跨度總會有綠色文字，無論身在何處文檔中的類和ID選擇器被定義，因爲ID自然比類更具體（其他實例可以使類比ID更具體）等。

---

既然這是真的，那麼jQuery所指定的類的順序是完全不相關的。您不必擔心重新排序它們，但是，addClass只是將該類添加到列表的末尾。

Answer 3

如果使用classList DOM屬性，那麼順序很重要。

返回的對象將類設置爲數字屬性;從左到右依次爲升序。

jsFiddle。