CSS的三大特性

1.層疊性

CSS的層疊性是指當一個元素被同時定為兩個樣式時，離元素最近的樣式便是該元素的樣式，也可理解為後來者居上。

eg：div{

color: red;

}

div {

color: green;

}

此時div的顏色便為綠色，哪個樣式離的近就是該樣式。

2.繼承性

顧名思義，子元素會繼承父元素的樣式，但主要繼承與文字相關的樣式和顏色，即text-，font-，line-和color均可，其他不會繼承。因為這一特性，也方便開發人員簡化程式碼。

注：

行高的繼承性：

例：

3.優先順序

當同一個元素指定多個選擇器時，優先順序也隨之產生。

各選擇器優先順序如下：

選擇器 權重

繼承或*（萬用字元選擇器） 0,0,0,0

標籤選擇器 0,0,0,1

類選擇器和偽類選擇器 0,0,1,0

ID選擇器 0,1,0,0

行內樣式，即style=“” 1,0,0,0

！important （重要的） 無窮大

①當優先順序相同時，則執行層疊性。

②當選擇器不同時，則根據優先順序權重執行。

③繼承的權重是0，若子元素沒有被選中，無論父元素權重多高，子元素的權重均為0

④複合選擇器權重會疊加

例：ul li {

color:green;

}

其權重為 0,0,0,1+0,0,0,1=0,0,0,2

⑤權重不進位（不符合二進位制運算）