1、兄弟選擇器：
<div>
<p></p>
<span></span>
</div>

1、相鄰兄弟選擇器：要求：1、緊緊挨著的 2、後面的 3、只能找到一個
語法：+ 作為結合符
div+span: div後面緊緊挨著的span
#d1+.d2: id為d1後面緊緊挨著的class為d2的元素

2、通用兄弟選擇器：【後面】所有的兄弟
語法：~ 作為結合符
div~span: div後面所有的span

2、屬性選擇器：<div 屬性名="屬性值"></div>
語法：
1、[屬性名];
比如：[id] - 找到所有具有id屬性的元素

2、[屬性名=屬性值]
比如：[id=d1] - 找到id=d1的元素

3、[屬性名~=屬性值]
比如：[class~=d2] - 找到class包含d2的元素

4、[屬性名^=屬性值]
比如：[class^=d] - 找到class以d開頭的元素

5、[屬性名$=屬性值]
比如：[class$=d] - 找到class以d結尾的元素

可用於直接選取表單控制元件，表單控制元件可以省略取class名字

3、偽類選擇器
1、連結偽類 - a標籤
:link
:visited

2、動態偽類
:hover
:active
:focus

3、元素狀態偽類
作用：匹配元素 啟用/禁用/被選中狀態的 - 表單控制元件
:enabled
:disabled
:checked

4、結構偽類：
div:first-child - 找到div，但是某個元素的第一個兒子的div
div:last-child - 找到div，但是某個元素的最後一個兒子的div
div:nth-child(number)：找到div，找到div，第number個兒子的div
div:nth-of-type(number)

5、否定偽類：
:not(選擇器);

6、偽元素選擇器 - 匹配使用者選取的地方
::selection{
background: transparent;
}

面試題：1、css選擇器有哪些
2、:與::的區別
1、:全部都是偽類選擇器
2、::全部都是偽元素選擇器
3、在css2規範中，偽元素 和 偽類全部通過:顯示
4、在css3規範中，要求偽元素必須使用::，偽類使用:
5、但是，網頁為了向前相容css2，所有有的時候可以用: 來表示偽元素，但是唯獨::selection必須寫雙冒號