CSS教程 9、CSS的Grouping and Nesting分組和

Grouping 分組
　　當許多選取器有同樣屬性時，可以使用逗號組合它們。
　　例子：

代碼如下	複製代碼
h2 {     color: red; } .thisOtherClass {     color: red; } .yetAnotherClass {     color: red; }

　　上面的可以寫成這樣：

代碼如下	複製代碼
h2, .thisOtherClass, .yetAnotherClass  {     color: red; }

Nesting 嵌套
　　如果CSS結構良好，不需要使用很多class或ID選取器。這是因為CSS可以設定選取器裡面選取器的屬性。
　　例子：

代碼如下	複製代碼
#top {     background-color: #ccc;     padding: 1em } #top h1 {     color: #ff0; } #top p {     color: red;     font-weight: bold; }

　　如果你碰到下面這樣的形式，記得處理掉你網頁上的class或ID。

代碼如下	複製代碼
<div id="top">     <h1>Chocolate curry</h1>     <p>This is my recipe for making curry purely with chocolate</p>     <p>Mmm mm mmmmm</p> </div>

　　這是由於，通過使用空格分離選取器，我們可以設定IDtop裡面的h1顏色為#ff0，p是red和blod。
　　這可能比較複雜，因為嵌套可以多級使用，所以需要多加練習。