一、層級選擇器

　　　　1.E>F子選擇器：選擇匹配的F元素，且匹配的F元素所匹配的E元素的子元素

　　　　2.E+F相鄰兄弟選擇器：選擇匹配的F元素，且匹配的F元素緊位於匹配的E元素的後面

　　　　3.E~F通用選擇器：選擇匹配的F元素，且位於匹配的E元素後的所有匹配的F元素

二、屬性選擇器

　　　　1.E[attr]：只使用屬性名，但沒有確定任何屬性值；

　　　　2.E[attr=“value”]：指定屬性名，並指定了該屬性的屬性值；

　　　　3.E[attr~=“value”]：指定屬性名，並且具有屬性值，此屬性值是一個詞列表（多個屬性值），並且以空格隔開，其中詞列表中包含了一個value詞

　　　　4.E[attr^=“value”]：指定了屬性名，並且有屬性值，屬性值是以value開頭的；

　　　　5.E[attr$=“value”]：指定了屬性名，並且有屬性值，而且屬性值是以value結束的

　　　　6.E[attr*=“value”]：指定了屬性名，並且有屬性值，而且屬值中包含了value；

　　　　7.E[attr|=“value”]：指定了屬性名，並且屬性值僅是value或者以“value-”開頭的值（比如說left- con）；

三、偽類選擇器

　　　　1.X:first-child 匹配子集的第一個元素。IE7就可以支持

　　　　2.X:last-child匹配父元素中最後一個X元素

　　　　3.X:nth-child(n)用於匹配索引值為n的子元素。索引值從1開始

　　　　4.X:only-child這個偽類一般用的比較少，比如上述代碼匹配

　　　　5.X:nth-last-child(n)從最後一個開始算索引；

　　　　6.X:first-of-type匹配同級兄弟元素中的第一個X元素

　　　　7.X:last-of-type匹配同級兄弟元素中的最後一個X元素

　　　　8.X:nth-of-type(n)匹配同類型中的第n個同級兄弟元素X

　　　　9.X:only-of-type匹配屬於同類型中唯一兄弟元素的X

　　　　10.X:nth-last-of-type(n) 匹配同類型中的倒數第n個同級兄弟元

　　　　11.:root匹配文檔的根元素；在HTML（標準通用標記語言下的一個應用）中，根元素永遠是HTML

　　　　12.X:empty{}匹配沒有任何子元素（包括包含文本）的元素X

四、偽元素選擇器

　　　　1.::selection{}匹配E元素中被用戶選中或處於高亮狀態的部分,（鼠標劃過高亮狀態）

　　　　2.：after 與content屬性一起使用，定義在對象後的內容；

　　　　3.：before 與content屬性一起使用，定義在對象前的內容；

　　　　　　拓展：{content：url（圖片路徑）；}

　　　　4.：first-line 定義對象內第一行的樣式

　　　　5.：first-letter 定義對象內第一個字符的樣式

　　　　　　註：偽元素選擇符只能用於塊元素有效，IE6不支持（2~5可以寫“：”也可以寫“：：”；selection必須寫成“：：”）

CSS3新增選擇器