css选择器与DOM'匹配的关系

一道面试题

css 选择器匹配时，只考察是否包含有对应的class，而与class的顺序无关

而css的定义是后面的覆盖前面的定义

原理：http://www.w3.org/html/ig/zh/wiki/CSS2/selector#class.E9.80.89.E6.8B.A9.E5.99.A8

 

DEMO：http://jsfiddle.net/VCk9U/

<div class="a"    >text 1</div>
<div class="b"    >text 2</div>
<div class="a b" >text 3</div>
<div class="b a" >text 4</div>

.a { color: red;}
.b { color: blue;}
.a.b { color: green;}
.b.a { color: yellow; }

 

输出结果：