CSSS3基本選擇器

1，標籤選擇器（通過標籤來作為選擇器的名稱）。

2，類選擇器（名稱可以自定義，前面必須加一點，可以通過class來選擇）

3，id選擇器（名稱以#開頭後面可以自定義，可以通過id來選擇）

以上三種選擇器如果同時呼叫id選擇器優先順序最高

》CSS3的高階選擇器

1，層次選擇器（包括一下幾種）

後代選擇器（E F）：選擇匹配的F元素，且匹配的F元素包含在內。

子選擇器（E>F）: 選擇匹配的F元素，且匹配的F元素是匹配的E元素的子元素。

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

通用兄弟選擇器（E~F）：選擇匹配的F元素，且匹配的F元素後的所有匹配的F元素。

2，結構偽類選擇器（包含以下幾種功能）

E:first-child ：父元素下的第一個子元素

E：last-child：父元素下的最後一個子元素

E F:nth-child（n）：父級元素下的第n個子元素F

E:first-of-type：父元素指定型別的第一個元素

E:last-of-type：父元素指定型別的最後一個元素

E F：nth-of-type（n）：父元素指定型別第n個元素

3，屬性選擇器

E[attr]:選擇匹配具有attr的E元素

E[attr=val]:匹配具有attr屬性的E元素，值為val

E[attr^=val]:匹配E元素，屬性為attr，以val開頭的字串

E[attr$=val]:匹配E元素，屬性為attr，以val結尾的字串

E[attr*=val]:匹配E元素，屬性為attr，其內容包含val