::selection -選擇的是頁面上被使用者選擇的部分。例如我們想copy謀篇文章的文字，選取文字後cril+c。這個選擇器就選擇的是被選擇的文字。例如下圖：

：not(selector)-相當於*選擇器排除selector選擇的部分。注意‘selector’，括號中放的是選擇器。

：target- 選擇當前活動的目標元素。目標元素:被連線的元素就是目標元素。注意：只能用#名字，目標元素對應id=‘名字’。

<p><a href="#news1">跳轉至內容 1</a></p>
<p><a href="#news2"
 
>跳轉至內容 2</a></p>

<p>請點選上面的連結，:target 選擇器會突出顯示當前活動的 HTML 錨。</p>
<p id="news1"><b>內容 1...</b></p>
<p id="news2"><b>內容 2...</b></p>

<p><b>註釋：</b> Internet Explorer 8 以及更早的版本不支援 :target 選擇器。</p>href="#news1">跳轉至內容 1</a></p>
<p><a href="#news2"
 
>跳轉至內容 2</a></p>

<p>請點選上面的連結，:target 選擇器會突出顯示當前活動的 HTML 錨。</p>
<p id="news1"><b>內容 1...</b></p>
<p id="news2"><b>內容 2...</b></p>

<p><b>註釋：</b> Internet Explorer 8 以及更早的版本不支援 :target 選擇器。</p>

：empty-選擇沒有子元素的（包括文字節點）每個元素。

：root-選擇文件根元素。在html中，文件根元素始終為html元素。

針對標籤------------------------------------------------------------------------------------------------------------------------

*-選擇所有元素。

.class-選擇所有class為某某的所有元素。

#id-選擇所有id為某某的所有元素。

element-選擇所有指定元素名稱的元素。

element1，element2-用於同時選取多個元素。個數不限中間用，分隔。

element1 element2-用於選取element1元素內部所有的element2元素。

element1>element2-選取特定父元素element1中的element2元素。注意：element1必須是element2的直接父元素。

element1+element2-匹配緊跟在element1後面的（不是內部）element2元素。注意：兄弟關係不能是包含關係。

：before-在被選元素的前面插入內容。注意：通過content屬性插入。

：after-在被選元素的後面插入內容。

：lang-選取帶有以指定值開頭的lang屬性的元素。注意：必須是單獨的單詞。

element1~element2-選擇element1後面的所有element2元素。

？：first-of-type  匹配父元素中首個？標籤中的的所有元素。選擇器匹配屬於其父元素的特定型別的首個子元素的每個元素。

？：last-of-type  匹配父元素中最後一個？標籤中的所有元素。選擇器匹配屬於其父元素的特定型別的最後一個子元素的每個元素。

？：nth-of-type(n)  匹配父元素中某個特定型別的子元素的第n箇中的所有元素。

？：nth-last-of-type（n）  匹配父元素中某個特定型別的元素的第n個元素中的所有元素。倒序。

？：only-of-type  匹配父元素中唯一的？標籤中的所有元素。（可以有很多子元素但只能有一個？標籤內的所有元素）

？：only-child   匹配父元素中只有一個子元素並且必須是？標籤的元素中所有元素。不要？也可以。

？：nth-child(n)  匹配父元素的第n個子元素的所有元素。

？：nth-last-child（n）  匹配父元素的第n個子元素的所有元素。倒著開始。

：first-letter-匹配指定選擇器的第一個字母。

：first-line-匹配指定選擇器的第一行。

：first-chird-匹配製定選擇器的首個子元素。

：last-child -匹配父元素中最後一個子元素。

• 要使該屬性生效，E元素必須是某個元素的子元素，E的父元素最高是body，即E可以是body的子元素
• last-child選擇符，E必須是它的兄弟元素中的最後一個元素，換言之，E必須是父元素的最後一個子元素。與之類似的偽類還有first-child，只不過情況正好相反，需要它是第一個子元素。

針對屬性---------------------------------------------------------------------------------------------------------------------

[attribute]-匹配擁有指定屬性的元素。

[attribute=value]-匹配擁有指定值和屬性的元素。

[attribute~=value]-匹配指定屬性的值中包含指定單詞的元素。注意：單獨的單詞

[attribute*=value]-匹配屬性值包含指定值的元素。注意：包含即可，不一定必須是單獨的單詞。

[attribute|=value]-匹配以指定值開頭的屬性的所有元素。注意：單獨的單詞（en-us:正確   enus：不正確）。

[attribute^=value]-匹配以指定值開頭的屬性的所有元素。注意：包含即可，不一定必須是單獨的單詞。

[attribute$=value]-匹配以指定值結尾的屬性的所有元素。注意：包含即可，不一定必須是單獨的單詞。

針對連結----------------------------------------------------------------------------------------------------------------------

：link-選擇所有未被訪問的連結。

：visited-選擇所有已被訪問的連結。

：active-選擇活動連結。活動連結：當在一個連線上點選時，它便成為活動的。

：hover-匹配滑鼠放在連線上但未點選的連結。

針對表單元素------------------------------------------------------------------------------------------------------------------

：focus-匹配獲得焦點的input元素。

：checked-選擇每個被選中的input元素。注意：只針對單選框和複選框。

：disable-選擇所有被禁用的元素。注意：大多用在表單元素上。（表單元素：input、textarea、select、option、button）

：enable-選擇所有被啟用的元素。注意：大多用在表單元素上。