选择器上的类的顺序是否重要？如果是，我可以指定顺序吗？

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。