CSS3 新增的選擇器

2022-08-14 20:06:11 字數 1579 閱讀 7015

css3新增的三個模組 

關係選擇器

e+f下乙個滿足條件的兄弟元素節點

e~f並列結構下滿足條件的兄弟元素節點

屬性選擇器

偽元素選擇器

效果偽類選擇器

描述:被選中的元素一種狀態

e:not(s)

真實應用於為ul下面的li新增下線,最後乙個不新增。不會出現線重疊

e:root

e:target

被標記成錨點之後,哪個標籤的被標記了,就會變成target 

點選效果

e:first-child

e:last-child

e:only-child

e:nth-child(n)

e:nth-last-child(n)

e:first-of-type

e:last-of-type

e:only-of-type

e:nth-of-type(n)

e:nth-of-last-type(n)

跟nth-of-type倒著查,方法同上

e:empty

e:checked

未點選狀態

點選後狀態

e:enabled

e:disabled

e:read-only

e:read-write

就是可以選中沒有設定readonly的input

css3 新增的選擇器

1.css3新增的3個屬性選擇器 attribute value eg a src https 選擇其 src 屬性值以 https 開頭的每個 元素。attribute value eg a src pdf 選擇其 src 屬性以 pdf 結尾的所有 元素 所以可以使用css3實現不同檔案給與不同...

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...