1. 屬性選擇器：
1) e[att] 元素[屬性]：選擇具有att屬性的e元素，需要選擇有某個屬性的元素， 而不論是行為是什麼，可以使用簡單的屬性選擇器
注：可以根據多個屬性進行選擇，只需要將屬性選擇器連線即可。
2) e[att=val] 元素[屬性=屬性值]: 選擇具有att屬性且屬性值為val的e元素，進一步縮小範圍
3) e[att~=」val」] 元素[屬性~=」屬性值」]：選擇具有att屬性且屬性值有很多個，其中乙個屬性值為val的e元素
4) e[att|=」val」] 元素[屬性|=「屬性值」]：選擇具有att屬性並且屬性值為val開頭並且用連線符「-」分割字串的e元素
5) e[att^=」val」] 元素[屬性^=「屬性值」]：選擇具有att屬性，且屬性值是以val開頭的e元素
6) e[att$=」val」] 元素[屬性$=「屬性值」]：選擇具有att屬性並且屬性值是以val結尾的e元素
7) e[att*=」val」] 元素[屬性*=「屬性值」]：選擇具有att屬性並且屬性值包含val字元的e元素
2. 偽元素選擇器（偽物件/虛擬選擇器）：內容本來不是乙個元素，但是我們選擇器可以像選擇元素一樣的選擇他，並且設定樣式
1) e:first-letter/e::first-letter（c3新版）：設定元素內第乙個字元的樣式 注：針對的一定是塊級元素
2) e:first-line/ e::first-line（c3新版）：設定元素內的第一行字元的樣式
3) e:before/e::before（c3新版）：在每個e元素的內容之前插入內容，用來和content（內容）屬性一起使用。
4) e:after/e::after（c3新版）：在每個e元素的內容之後插入內容，用來和content（內容）屬性一起使用。
如果是乙個就沒有必要在前後插入，如果有很多的話並且需要修改則要用到
5) e:selection：設定物件被選中時的顏色。
3. 偽類選擇器：
1) e:first-child：父元素的第乙個子元素e
2) e:last-child：父元素的最後乙個子元素e
3) e:nth-child(n)：匹配父元素的第
n個子元素e
e:nth-child(odd)：匹配父元素的奇數子元素e
e:nth-child(even)：匹配父元素的偶數子元素e
4) e:nth-last-child(n)：匹配父元素的倒數第
n個子元素e
CSS3 新增選擇器
新增選擇器 用法描述 element1 element2 p u選擇在同乙個父級元素下的p後面的所有的ul 選擇其 src 屬性值以 https 開頭的每個a元素 attribute value a src pdf 選擇其 src 屬性以 pdf 結尾的所有a元素 attribute value a...
css3新增選擇器
屬性選擇器 1.dom attr 帶有attr的屬性會被選擇 2.dom attr value 帶有attr的屬性，並且值為value的元素會被選擇 3.dom attr value 帶有attr的屬性，並且值當中只要包含完整的value單詞，就會被選擇 4.dom attr value 帶有att...
CSS3新增選擇器
一 層級選擇器 1.e f子選擇器 選擇匹配的f元素，且匹配的f元素所匹配的e元素的子元素 2.e f相鄰兄弟選擇器 選擇匹配的f元素，且匹配的f元素緊位於匹配的e元素的後面 3.e f通用選擇器 選擇匹配的f元素，且位於匹配的e元素後的所有匹配的f元素 二 屬性選擇器 1.e attr 只使用屬性...