1. 程式人生 > >CSS 分組 和 巢狀 選擇器

CSS 分組 和 巢狀 選擇器

在樣式表中有很多具有相同樣式的元素。
h1{color:green;}
h2{color:green;}
p{color:green;}

分組選擇器:(相同樣式不同元素可使用分組選擇器)

h1,h2,p{color:green;}

巢狀選擇器

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

在下面的例子設定了三個樣式:

  • 為所有p元素指定一個樣式
  • 為所有class="marked"的元素指定一個樣式
  • 為所有class="marked"元素內的p元素指定一個樣式
p{
color:blue;
text-align:center;
}
.marked{
background-color:red;
}
.marked p{
color:white;
}
整理轉自:http://www.runoob.com/css/css-grouping-nesting.html