CSS派生選擇器是什么及怎么使用

本文小編為大家詳細介紹“CSS派生選擇器是什么及怎么使用”，內容詳細，步驟清晰，細節處理妥當，希望這篇“CSS派生選擇器是什么及怎么使用”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學習新知識吧。

CSS派生選擇器

通過依據元素在其位置的上下文關系來定義樣式，你可以使標記更加簡潔。

在CSS1中，通過這種方式來應用規則的選擇器被稱為上下文選擇器(contextualselectors)，這是由于他們依賴于上下文關系來應用或者避免某項規則。在CSS2中，它們稱為CSS派生選擇器，但是無論你如何稱呼它們，它們的作用都是相同的。

CSS派生選擇器允許你根據文檔的上下文關系來確定某個標簽的樣式。通過合理地使用CSS派生選擇器，我們可以使HTML代碼變得更加整潔。

◆比方說，你希望列表中的strong元素變為斜體字，而不是通常的粗體字，可以這樣定義一個CSS派生選擇器：

listrong{   
font-style:italic;   
font-weight:normal;  
}

請注意標記為<strong>的藍色代碼的上下文關系：

<p><strong>我是粗體字，不是斜體字，因為我不在列表當中，所以這個規則對我不起作用</strong></p> <ol>  
<li><strong>我是斜體字。這是因為strong元素位于li元素內。</strong></li>  
<li>我是正常的字體。</li> </ol>

在上面的例子中，只有li元素中的strong元素的樣式為斜體字，無需為strong元素定義特別的class或id，代碼更加簡潔。

◆再看看下面的CSS規則：

strong{   color:red;  }  
h3{   color:red;  }  
h3strong{   color:blue;  }

下面是它施加影響的HTML：

<p>Thestronglyemphasizedwordinthisparagraphis<strong>red</strong>.</p> 
<h3>Thissubheadisalsored.</h3> 
<h3>Thestronglyemphasizedwordinthissubheadis<strong>blue</strong>

css的選擇器有哪些

css的選擇器可以分為三大類，即id選擇器、class選擇器、標簽選擇器。它們之間可以有多種組合，有后代選擇器、子選擇器、偽類選擇器、通用選擇器、群組選擇器等等

讀到這里，這篇“CSS派生選擇器是什么及怎么使用”文章已經介紹完畢，想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會，如果想了解更多相關內容的文章，歡迎關注億速云行業資訊頻道。