內容轉載自：http://www.jb51.net/css/122954.html
整理一下，方便以後查看。
CSS選擇器種類：
標籤選擇器
div{
font-size:16px;
}類選擇器
與標籤的class相關
<a class="className" href="xxxx">xxxx</a>.className{
font-size:16px;
}id選擇器
<a id="idName" href="xxxx">xxxx</a>#idName{
font-size:16px;
}全局選擇器
它能作用於XHTML文檔中的所有元素
*{
font-size:16px;
}組合選擇器
標籤選擇器、類選擇器和ID選擇器是可以組合起來使用的。一般的組合方式是標籤選擇器和類選擇器組合，標籤選擇器和ID選擇器組合。
一般用在重複出現並且樣式相同的一些標籤裏，比如 li td dd等。
比如
<h1 class="red">標題一</h1> H1.red {
color: red;
} 繼承選擇器
學習使用繼承選擇器就必須先了解文檔樹和CSS的繼承。每個XHTML都可以被看作一個文檔樹，文檔樹的根部就是html標籤，而head和body標籤就是其子元素。在head和body裏的其他標籤就是html標籤的孫子元素。整個XHTML就呈現一種祖先和子孫的樹狀關係。CSS的繼承是指子孫元素繼承祖先元素的某些屬性。以下通過實例來詳細講解這兩個重要的CSS概念。
文檔樹 CSS的繼承 繼承選擇器
<div class="test">
<span><img src="xxx" alt="示例圖片"/></span>
</div> .test span img {border:1px blue solid;}
div span img {border:1px blue solid;} 
