包含選擇器
包含選擇器也叫派生選擇器，顧名思義，是一種具有包含關系的選擇。
多個選擇器以空格分開，組合成包含關系，且右邊的選擇器從屬于左邊（即右邊的選擇器只能在左邊的選擇器范圍內選擇）。
一個包含選擇器的應用示例：

CSS Code復制內容到剪貼板

#nav a{   
    text-decoration: none;   
}  

這個例子表示對“id="nav"”的元素里面的超鏈接<a>應用該樣式（超鏈接取消下劃線），而其他網頁元素的超鏈接不受影響。
包含選擇器是常用的選擇器之一，它讓我們能對一些元素做精確的個性化設定。
選擇器組合
上面講到的包含選擇器，實際可以看著是一種選擇器的組合。顯然，利用選擇器的組合，可以更加精確的將樣式應用到網頁元素，以實現豐富多彩的個性化顯示。
除了這種包含組合之外，我們還可以有如下一些常見的組合：
類型限定類：如div.class ul li{ }
雙重組合類：如div.class ul.catlist { }
偽類：如#nav h2 a:hover
以上這些例子只是為了說明選擇器的組合，在實際應用中可能會有一定差異。善用選擇器組合，可以使我們的CSS文檔更有條理更簡潔。
選擇器分組
選擇器分組表示將有多個有相同樣式定義的選擇器以逗號進行分組。
例子：

CSS Code復制內容到剪貼板

h1,h2,h3,h4,h5,h6,div{   
    font-size :14px;   
}  

上面就表示將標題h1至h6及div標簽內的字體統一設定為14像素。
注意選擇器分組和包含選擇器的區別。

通配選擇器
和很多語言一樣，“*”這個符號在CSS里代表所有，即通配選擇器。
例子：

CSS Code復制內容到剪貼板

*{ font-size: 12px; }  

這個例子表示將網頁中所有元素的字體定義為12像素，當然這是舉個例子，一般不會做這么極端的定義。
在實際應用中，更多的可能如下：

CSS Code復制內容到剪貼板

*{   
    margin: 0;   
    padding: 0;   
}  

這個定義的含義是將所有元素的外邊距和內邊距定義為0，而在具體需要設定內外邊距的時候，再具體定義。從這個例子可以看出，通配選擇器的作用更多是用于對元素的一種統一預設定。
通配選擇器也可以用于選擇器組合中：

CSS Code復制內容到剪貼板

div *{ color: #FF0000; }  

該例子表示在<div>標簽內的所有字體顏色為紅色。
一種例外的情況

CSS Code復制內容到剪貼板