1.css3新增的3個屬性選擇器
[attribute^="value"]
eg:a[src^="https"] 選擇其 src 屬性值以 "https" 開頭的每個 元素。
[attribute$=
"value"]
eg:a[src$=
".pdf"] 選擇其 src 屬性以 ".pdf" 結尾的所有 元素
//所以可以使用css3實現不同檔案給與不同圖示，沒有css3則我們只可以辛苦用js實現了~
[attribute*="value"]
eg:a[src*="abc"] 選擇其 src 屬性中包含 "abc" 子串的每個 元素。
[class*="col-"]類名中包含col-子串的元素
n可以是even、odd（**常用）、m*n+偏移量（m自己定乙個值）、數字
:only-child
eg:p:only-child 選擇屬於其父元素的唯一子元素的每個 元素。
:nth-child(n)
eg:p:nth-child(2) 選擇屬於其父元素的第二個子元素的每個
元素。p:nth-child(2) 匹配
h1>
p>
p>
div>片段中的第二個元素，但卻是第乙個p元素
:nth-last-child(n)
eg：p:nth-last-child(2) 同上，從最後乙個子元素開始計數。
:last-child
eg:p:last-child 選擇屬於其父元素最後乙個子元素每個 元素。
:nth-of-type
(n)eg:p:nth-of-type
(2) 選擇屬於其父元素第二個 元素的每個 元素。
p.nth-of-type
(2)匹配
片段中的第二個p元素
:nth-last-of-type
(n)eg:p:nth-last-of-type
(2) 同上，但是從最後乙個子元素開始計數。
:first-of-type
eg:p:first-of-type 選擇屬於其父元素的首個
元素的每個
元素。
:last-of-type
eg:p:last-of-type 選擇屬於其父元素的最後
元素的每個
元素。
:only-of-type
eg:p:only-of-type 選擇屬於其父元素唯一的
元素的每個
元素。
:nth-child(n) 選擇器匹配屬於其父元素的第 n 個子元素，不論元素的型別。:nth-of-type(n) 選擇器，該選擇器選取父元素的第 n 個指定型別的子元素。:root
eg::root 選擇文件的根元素。
:empty
eg:p
:empty 選擇沒有子元素的每個
元素（包括文字節點）。
這幾個狀態偽類選擇器在ie7，8不支援，其他瀏覽器都支援的比較好，如今ie7,8在國內使用者還比較多，不推薦使用，但是當ie9廣泛使用時，則需要積極使用這幾個狀態偽類選擇器。
:enabled
eg:input
:enabled 選擇每個啟用的 元素。
:disabled
eg:input
:disabled 選擇每個禁用的 元素
:checkedeg
:input
:checked 選擇每個被選中的 元素。
//主流瀏覽器一般都對此支援
e~f：選擇匹配f的所有元素，且匹配元素位於匹配e的元素後面（ef需要同級）
eg：div~p匹配
1p>
div>
2p>，則匹配到
2p>，無
1p>
//選擇器在ie7，8不支援，其他瀏覽器都支援的比較好，如今ie7,8在國內使用者還比較多，不推薦使用，但是當ie9廣泛使用時，則需要積極使用這幾個狀態偽類選擇器。
:target
eg:#news:target 選擇當前活動的 #news 元素。
//選擇器在ie7，8不支援，其他瀏覽器都支援的比較好，如今ie7,8在國內使用者還比較多，不推薦使用，但是當ie9廣泛使用時，則需要積極使用這幾個狀態偽類選擇器。
:not(selector)
eg::not(p) 選擇非 元素的每個元素。
:focus(滑鼠點入之後)
--這個文字框focus動畫效果感覺蠻好看的~，**如下
input
:focus
table
thtd
th,td
/*淺色顏色舒服*/
tr:nth-child(even)
charset="utf-8">
href="index.css"
rel="stylesheet">
優雅的資料**title>
head>
優雅的資料**caption>
排名th>
校名th>
總得分th>
人才培養得分th>
研究生培養得分th>
本科生培養得分th>
CSS3 新增的選擇器
css3新增的三個模組 關係選擇器 e f下乙個滿足條件的兄弟元素節點 e f並列結構下滿足條件的兄弟元素節點 屬性選擇器 偽元素選擇器 效果偽類選擇器 描述 被選中的元素一種狀態 e not s 真實應用於為ul下面的li新增下線，最後乙個不新增。不會出現線重疊 e root e target 被...
css3 選擇器 CSS3選擇器
子級選擇器用於選取帶有特定父元素的元素。書寫語法 element1 element2 注意 如果 element2 元素不是父元素 element1 的直接子元素，則不會被選擇。符號之前書寫父級的選擇器，符號之後寫子級選擇器，必須滿足父子級關係才選中標籤 相鄰兄弟選擇器可以用於選擇緊接在另乙個元素後...
CSS3 新增選擇器
新增選擇器 用法描述 element1 element2 p u選擇在同乙個父級元素下的p後面的所有的ul 選擇其 src 屬性值以 https 開頭的每個a元素 attribute value a src pdf 選擇其 src 屬性以 pdf 結尾的所有a元素 attribute value a...