－、css選擇器的分類：

二、常用選擇器詳解：

　　1、標籤選擇器：

　　語法：

　　　　標籤名　{

　　　　　　屬性：屬性值;

　　　　}

　　程式碼示例：

　　　　h1 {

　　　　　　color: #ccc;

　　　　　　font-size: 28px;

　　　　}

　　2、類選擇器:

　　　語法：

　　　　.類名　{

　　　　　　屬性：屬性值；

　　　　}

　　　程式碼示例：

　　　　.top {

　　　　　　margin-top:25px;

　　　　}

　　　　<div class="top"></div>

　　3、id選擇器:

　　　語法：

　　　　#ID名稱　{

　　　　　　屬性：屬性值;

　　　　}

　　　程式碼示例：

　　　#top {

　　　　padding-top:10px;

　　　}

　　　<div id="top"></div>

　　注意：ID屬性是唯一標識。

　　4、偽類

　　　語法：

　　　元素：偽類　{

　　　　屬性：屬性值；

　　　}

　　　程式碼示例：

　　　a:link {

　　　　color:blue;

　　  }

　　5、並集選擇器：

　　　語法：

　　　標籤名，.類名，#ID名稱　{

　　　　屬性：屬性值;

　　　}

　　　程式碼示例：

　　　p,.top,#title {

　　　　color:red;

　　　}

　　6、後代選擇器：

　　　語法：

　　　p span {

　　　　　屬性：屬性值;

　　　}

三、通用選擇器詳解：

 　　語法：

　　*{

　　　屬性：屬性值;

　　}

四、高階選擇器詳解：

　　1、子選擇器：

程式碼示例：

　　　　#nav>li {

　　　　　 padding-left: 20px;

　　　　} 

　　2、相鄰同胞選擇器：

程式碼示例：

h2+p {

　　　　　　font-size: 1.4em;

　　　　}

　　3、屬性選擇器：

程式碼示例：

　　　　[id="header"] {

　　　　　　background: url(branding-color.png) repeat-y left top;

　　　　}

　　　　a[rel="nofollow"] {

　　　　　　padding-right: 20px;

　　　　}

五、樣式的優先順序（權重）：

　　基本選擇器之間：ID選擇器〉類選擇器〉標籤選擇器

　　樣式表之間：　　行內樣式〉內嵌樣式〉外部樣式

　　css樣式之間： 　同一個選擇器且兩條相同的宣告，後一條宣告會覆蓋前一條宣告