css的繼承性

標籤：ccf   border   而不是   優先順序   jin   不能   覆蓋   灰色   技術   

為了減少css的代碼量，很多時候，我們必須要非常重視css的繼承性

1.首先，有些屬性是不能繼承的。這沒有任何原因，只是因為它就是這麼設定的。舉個例子來說：border屬性，大家都知道，border屬性是用來設定元素的邊框的，它就沒有繼承性。多數邊框類屬性，比如象padding(補白)，margin(邊界)，背景和邊框的屬性都是不能繼承的。

2.繼承中容易引起的錯誤

有時候繼承也會帶來些錯誤，比如說下面這條css定義：

body{color:blue}

在有些瀏覽器中這句定義會使除表格之外的文本變成藍色。從技術上來說，這是不正確的，但是它確實存在。所以我們經常需要藉助於某些技巧，比如將css定義成這樣：

body,table,th,td{color:blue}

這樣表格內的文字也會變成藍色。

3.繼承中，優先順序就顯的尤為重要了。轉載：http://jingyan.baidu.com/article/7f41ececcf637a593d095cfd.html

標記為!important的規則具有最高的權值，也就是說他沒有具體的特性值，但是比其他的權值都要大。需要注意的是，雖然製作者定義的樣式比使用者定義樣式具有更高權值時，但!important規則恰恰相反：重要的使用者定義規則要比製作者定義的樣式具有更高權值，即使是標記為!important的重要規則也是如此。

看了這麼多文字介紹後，我們來舉個例子看一下：

樣式定義：

h1 { color:gray !important;}

應用舉例代碼：

<h1 style="color:black;">看這兒！</h1>

應用舉例效果:!important規則會覆蓋內聯style屬性的內容，所以結果文字是灰色的而不是黑色的。 

css的繼承性