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