CSS是網(wǎng)頁設(shè)計中不可或缺的一部分，而選擇符在CSS中起著十分重要的作用，因?yàn)樗梢杂脕頊?zhǔn)確地指定元素的樣式。CSS3中新增了許多種選擇符，下面我們來詳細(xì)了解一下。

1. 屬性選擇符
[attribute]: 選擇所有帶有該屬性的元素
[attribute=value]: 選擇所有帶有該屬性且值等于給定值的元素
[attribute~=value]: 選擇所有帶有該屬性且值包含給定詞匯的元素
[attribute|=value]: 選擇所有帶有該屬性且值以指定字符串開頭的元素
[attribute^=value]: 選擇所有帶有該屬性且值以指定字符串開始的元素
[attribute$=value]: 選擇所有帶有該屬性且值以指定字符串結(jié)束的元素
[attribute*=value]: 選擇所有帶有該屬性且值包含指定字符串的元素

以上是屬性選擇符，可以根據(jù)元素上的屬性名與屬性值來選擇元素，非常方便。

2. 偽類選擇符
:active: 選擇當(dāng)前正在被激活的元素
:checked: 選擇所有被選中的元素
:disabled: 選擇所有被禁用的元素
:enabled: 選擇所有未被禁用的元素
:first-child: 選擇某個元素下的第一個子元素
:hover: 選擇所有當(dāng)前鼠標(biāo)懸停的元素
:nth-child(n): 選擇某個元素下的第n個子元素
:last-child: 選擇某個元素下的最后一個子元素
:not(selector): 選擇非指定元素的所有元素
:target: 選擇當(dāng)前活動的目標(biāo)元素

偽類選擇符是根據(jù)元素當(dāng)前狀態(tài)的選擇器，可以根據(jù)元素的偽類狀態(tài)來選擇元素。比如:hover用來選擇鼠標(biāo)懸停時的元素。

3. 組合選擇符
element, element: 選擇所有指定元素
element parent: 選擇指定元素的父元素
element>child: 選擇指定元素的直接子元素
element+element: 選擇緊接在指定元素后的元素
element~element: 選擇指定元素后的所有同級元素

組合選擇符是根據(jù)元素之間的關(guān)系來選擇元素。比方說，element+element選擇在指定元素后面的第一個同級元素，element~element選擇在指定元素后面的所有同級元素。