css 分組,繼承

2021-10-05 11:08:29 字數 1004 閱讀 8520

你可以對選擇器進行分組,這樣,被分組的選擇器就可以分享相同的宣告。用逗號將需要分組的選擇器分開。在下面的例子中,我們對所有的標題元素進行了分組。所有的標題元素都是綠色的。

例如:

h1,h2,h3,h4,h5,h6
根據css,子元素從父元素繼承屬性。但是它並不總是按此方式工作

body
根據上面這條規則,站點的 body 元素將使用 verdana 字型(假如訪問者的系統中存在該字型的話)。

通過 css 繼承,子元素將繼承最高端元素(在本例中是 body)所擁有的屬性(這些子元素諸如 p, td, ul, ol, ul, li, dl, dt,和 dd)。不需要另外的規則,所有 body 的子元素都應該顯示 verdana 字型,子元素的子元素也一樣。並且在大部分的現代瀏覽器中,也確實是這樣的。

但是在那個瀏覽器大戰的血腥年代裡,這種情況就未必會發生,那時候對標準的支援並不是企業的優先選擇。比方說,netscape 4 就不支援繼承,它不僅忽略繼承,而且也忽略應用於 body 元素的規則。ie/windows 直到 ie6 還存在相關的問題,在**內的字型樣式會被忽略。我們又該如何是好呢?

幸運地是,你可以通過使用我們稱為 "be kind to netscape 4" 的冗餘法則來處理舊式瀏覽器無法理解繼承的問題。

body  

p, td, ul, ol, li, dl, dt, dd

4.0 瀏覽器無法理解繼承,不過他們可以理解組選擇器。這麼做雖然會浪費一些使用者的頻寬,但是如果需要對 netscape 4 使用者進行支援,就不得不這麼做。

如果你不希望 "verdana, sans-serif" 字型被所有的子元素繼承,又該怎麼做呢?比方說,你希望段落的字型是 times。沒問題。建立乙個針對 p 的特殊規則,這樣它就會擺脫父元素的規則:

body  

td, ul, ol, ul, li, dl, dt, dd

p

CSS繼承特性

最近在學習css的一些基礎知識,感覺關於繼承特性老是記不清楚,所以決定自己寫一篇部落格加深印象.首先我們再說那些屬性是可以繼承的時候我們應該明白繼承的含義是什麼。想要了解繼承我們首先要清楚文件樹 在文件樹中從乙個節點發展而來的所有節點都是該節點的子節點,該節點就是這些子節點的祖先,如果祖先中含有可繼...

css屬性繼承

不可繼承的 display margin border padding background height min height max height width min width max width overflow position left right top bottom z index ...

css屬性繼承

一 無繼承性的屬性 1 display 規定元素應該生成的框的型別 2 文字屬性 vertical align 垂直文字對齊 text decoration 規定新增到文字的裝飾 text shadow 文字陰影效果 white space 空白符的處理 unicode bidi 設定文字的方向 3...