CSS選擇器與聲明的示例分析

這篇文章主要介紹了CSS選擇器與聲明的示例分析，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

CSS 選擇器的分組
對選擇器進行分組，被分組的選擇器共享相同的聲明。用逗號將需要分組的選擇器分開。
在下面的例子中，對所有的標(biāo)題元素進行了分組。所有的標(biāo)題元素都是綠色的。

h2,h3,h4,h5,h6,h7 {color: green;}

CSS 繼承

body {font-family: Verdana, sans-serif;}

繼承及其問題
CSS 中，子元素從父元素繼承屬性。站點的 body 元素將使用 Verdana 字體（前提是用戶系統(tǒng)中存在該字體）。
通過 CSS 繼承，子元素將繼承最高級元素所擁有的屬性，不需要另外的規(guī)則。
所有 body 的子元素（如 p, td, ul, ol, ul, li, dl, dt,和 dd）都將顯示 Verdana 字體，子元素的子元素也一樣。
然而并不是所有的瀏覽器都按照此方式工作，我們可以通過“冗余法則”來處理舊式瀏覽器無法理解繼承的問題。
冗余法則

body {font-family: Verdana, sans-serif;}
p, td, ul, ol, li, dl, dt, dd {font-family: Verdana, sans-serif;}

子元素取消繼承
如果你不希望 "Verdana, sans-serif" 字體被所有的子元素繼承，又該怎么做呢？
比如，你希望段落的字體是 Times。那么，創(chuàng)建一個針對 p 的獨立規(guī)則，它就會擺脫父元素的規(guī)則：

body {font-family: Verdana, sans-serif;}
td, ul, ol, ul, li, dl, dt, dd {font-family: Verdana, sans-serif;}
p {font-family: Times, "Times New Roman", serif;}

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“CSS選擇器與聲明的示例分析”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習(xí)!