目錄

 

分組選擇器

嵌套選擇器

---

分組選擇器

在樣式表中有很多具有相同樣式的元素。

h1 {color:green;}h2 {color:green;}p {color:green;}

為了盡量減少代碼，你可以使用分組選擇器。

每個選擇器用逗號分隔。

在下面的例子中，我們對以上代碼使用分組選擇器：

h1,h2,p {color:green;}

嵌套選擇器

它可能適用于選擇器內部的選擇器的樣式。

在下面的例子設置了三個樣式：

• p{ }: 為所有 p 元素指定一個樣式。
• .marked{ }: 為所有 class=“marked” 的元素指定一個樣式。
• .marked p{ }: 為所有 class=“marked”

總結

以上是生活随笔為你收集整理的教你玩转CSS 分组选择器和嵌套选择器的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。