CSS 高階語法

2021-06-23 07:47:52 字數 984 閱讀 1693

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

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, ddp

CSS 高階語法

你可以對選擇器進行分組,這樣,被分組的選擇器就可以分享相同的宣告。用逗號將需要分組的選擇器分開。在下面的例子中,我們對所有的標題元素進行了分組。所有的標題元素都是綠色的。h1,h2,h3,h4,h5,h6根據 css,子元素從父元素繼承屬性。但是它並不總是按此方式工作。看看下面這條規則 body根據...

CSS 高階語法

你可以對選擇器進行分組,這樣,被分組的選擇器就可以分享相同的宣告。用逗號將需要分組的選擇器分開。在下面的例子中,我們對所有的標題元素進行了分組。所有的標題元素都是綠色的。h1,h2,h2,h3,h5,h6 根據 css,子元素從父元素繼承屬性。但是它並不總是按此方式工作。看看下面這條規則 body根...

CSS定位高階語法

推薦的定位放式的優先順序 優先順序最高 id 優先順序其次 name 優先順序再次 css selector 優先順序再次 xpath 針對css selector和xpath的優先順序做乙個簡單的說明 在專案中我們可能用的最多的是css或者xpath,那麼針對這兩種,我們優先選擇css,原因為 1...