css3新增偽類
我們來盤點一下css3新增了哪些偽類？
a、:first-of-type
選擇器匹配屬於其父元素的特定型別的首個子元素的每個元素。
b、:last-of-type
選擇器匹配屬於其父元素的特定型別的最後乙個子元素的每個元素。
c、:only-of-type
選擇器匹配屬於其父元素的特定型別的唯一子元素的每個元素。
d、:only-child
選擇器匹配屬於其父元素的唯一子元素的每個元素
e、:nth-child(n)
f、:nth-of-type(n)
選擇器匹配同型別中的第n個同級兄弟元素。(n可以是乙個數字，乙個關鍵字，或者乙個公式。)
g、:enabled :disabled
表單控制項的禁用狀態
h、:checked
選擇器匹配每個選中的輸入元素(僅適用於單選按鈕或核取方塊)
i、:empty
選擇器匹配連空格都沒有的元素
j、:not()
選擇器匹配否定元素
:nth-of-type(n)與:nth-child(n)的區別
nth-child是查詢一堆兄弟元素裡的第二個元素，不管那元素是什麼，只要它排行第二就行。找到之後，再和前面的選擇符進行匹配，如果匹配對了，那就應用樣式。前面的選擇符是p，也就是要求元素是p型別，但這裡都是h4，不匹配，兩個元素都不會應用這個樣式。
nth-of-type是在一堆兄弟元素裡找到相同html標記型別元素中排行第二的元素。找到之後，再和前面的選擇符進行匹配，如果匹配對了，那就應用樣式。
例1:
例2：
歡 簡
單 的
簡 潔
的 前
端 小
知 識
點 ，
請 長
按 、
關 注
css3偽類選擇器
css3偽類選擇器 動態偽類選擇器 他不存在於html中，只有在互動的過程中，才能使用動態偽類選擇器對其進行樣式的渲染 超連結ui元素狀態偽類選擇器 結構偽類選擇器 first child 選擇某個元素的第乙個子元素 last child 選擇某個元素的最後乙個子元素 nth child 選擇某個元...
css3 選擇器 CSS3選擇器
子級選擇器用於選取帶有特定父元素的元素。書寫語法 element1 element2 注意 如果 element2 元素不是父元素 element1 的直接子元素，則不會被選擇。符號之前書寫父級的選擇器，符號之後寫子級選擇器，必須滿足父子級關係才選中標籤 相鄰兄弟選擇器可以用於選擇緊接在另乙個元素後...
CSS3 選擇器 偽類選擇器
e pseudo class e.class pseudo class 語法1示例 a link 語法2示例 a selected hover 動態偽類，因為這些偽類並不存在於html中,而只有當使用者和 互動的時候才能體現出來，動態偽類包含兩種。第一種是我們在鏈結中常看到的錨點偽類，如 link ...