3.4 CSS三大特性

CSS三大特性——層疊性、繼承性和優先性。

3.4.1 CSS層疊性

層疊性就是處理CSS沖突的能力。當同一個元素被兩個選擇器選中時，CSS會根據選擇器的權重決定使用哪一個選擇器。權重低的選擇器效果會被權重高的選擇器效果覆蓋掉，權重相同時取后者。

權重可以理解為一個選擇器對于這個元素的重要性。id選擇器權重為100，類選擇器權重為10，標簽選擇器的權重為1，如圖3-6所示。

【例3-5】（實例文件：ch03\Chap3.5.html）CSS層疊性。

相關的代碼實例請參考Chap3.5.html文件，在IE瀏覽器中運行的結果如圖3-7所示。

3.4.2 CSS繼承性

繼承性是子元素繼承父元素樣式的特性，在CSS中以text-、font-、line-開頭的屬性以及color屬性都可以繼承。

有一些比較特殊的元素，如<a>標簽的顏色不能繼承，必須對<a>標簽本身進行設置，<h>標簽的字體大小不能繼承，必須對<h>標簽本身進行設置。

【例3-6】（實例文件：ch03\Chap3.6.html）CSS繼承性。

相關的代碼實例請參考Chap3.6.html文件，在IE瀏覽器中運行的結果如圖3-8所示。

可以看到，我們只給div設置了樣式，3個子元素都繼承了父元素的樣式，除了<a>標簽沒有繼承顏色，<h>標簽沒有繼承字體大小。

3.4.3 CSS優先性

當不同的規則作用到同一個html元素上時，如果定義的屬性有沖突，那么應該用誰的值？CSS有一套優先性的定義，順序如下：

!important>行內樣式>ID選擇器>類選擇器>標簽選擇器>通配符>繼承>瀏覽器默認屬性值。

【例3-7】（實例文件：ch03\Chap3.7.html）CSS優先性。

相關的代碼實例請參考Chap3.7.html文件，在IE瀏覽器中運行的結果如圖3-9所示。