|
四、CSS的繼承性
4.1 繼承的表現(xiàn)
繼承是CSS的一個(gè)主要特征，它是依賴于祖先-后代的關(guān)系的。繼承是一種機(jī)制，它允許樣式不僅可以應(yīng)用于某個(gè)特定的元素，還可以應(yīng)用于它的后代。例如一個(gè)BODY定義了的顏色值也會(huì)應(yīng)用到段落的文本中。
樣式定義：
body {color:#f00;}
舉例代碼：
<p>CSS<strong>繼承性</strong>的測(cè)試</p>
舉例效果：
這段代碼的應(yīng)用結(jié)果是：“CSS繼承性的測(cè)試”這段話是紅顏色的，“繼承性”幾個(gè)字由于應(yīng)用了<strong>標(biāo)簽，所以是粗體。很顯然，這段文字都繼承了由body {color:#f00;}樣式定義的顏色。這也就是為什么說(shuō)繼承性是CSS的一部分。
然而CSS繼承性的權(quán)重是非常低的，是比普通元素的權(quán)重還要低的0。
我們?nèi)砸陨厦娴呐e例代碼為例：在樣式定義中添加一條：
strong {color:#000;}
舉例效果：
發(fā)現(xiàn)只需要給<strong>加個(gè)顏色值就能覆蓋掉它繼承自<body>的樣式顏色。由此可見(jiàn)：任何顯示申明的規(guī)則都可以覆蓋其繼承樣式。
4.2 繼承的局限性
繼承是CSS重要的一部分，我們甚至不用去考慮它為什么能夠這樣，但CSS繼承也是有限制的。
有一些屬性不能被繼承，如：border, margin, padding, background等。
樣式定義：
div {border:1px solid #000;}
舉例代碼：
<div>我是<em>border</em>我是不能被繼承滴</div>
預(yù)期效果：
實(shí)際效果：
從上面的效果中，我們可以看出，border是不能被繼承的，還有一些其它的屬性也是如此，這里就不一一列舉。
出處：W3C標(biāo)準(zhǔn)WEB前端DHTML精英俱樂(lè)部
責(zé)任編輯：bluehearts
上一頁(yè) 為您解讀CSS優(yōu)先級(jí) [1] 下一頁(yè) 為您解讀CSS優(yōu)先級(jí) [3]
◎進(jìn)入論壇網(wǎng)頁(yè)制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評(píng)論。
|
第 1 頁(yè) 
第 2 頁(yè) 為您解讀CSS優(yōu)先級(jí) [2]
