優先級別排序
~~~
<div class='test' id='first'>hello world</div>
~~~
~~~
元素選擇器<class選擇器<ID選擇器<!important
div{color:pink}<div.test{color:blue}<div#first{color:yellow}<div{color:red !important}
~~~
權重
~~~
<div class="parent">
<div class="child">child</div>
</div>
~~~
~~~
/* 選擇器嵌套的層次越深,那么權重越高 */
.child{
color:red;
}
.parent>.child{
color:green;
}
~~~
