本節書摘來自華章出版社《html 5與css 3權威指南(第3版·下冊)》一 書中的第19章,第19.1節,作者:陸淩牛,更多章節内容可以通路雲栖社群“華章計算機”公衆号檢視。
選 擇 器
本章針對css 3中使用的各種選擇器進行詳細介紹,通過選擇器的使用,你不再需要在編輯樣式時使用多餘的以及沒有任何語義的class屬性,而是直接将樣式與元素綁定起來,進而節省大量在網站或web應用程式已經完成之後修改樣式時所需花費的時間。
學習内容:
掌握css 3中使用的選擇器的基本概念。知道什麼是選擇器以及為什麼需要使用選擇器,使用選擇器有什麼好處。
掌握css 3中的各種屬性選擇器的概念以及使用方法,其中包括:
[att=val]選擇器
[att*=val]選擇器
[att^=val]選擇器
[att$=val]選擇器
掌握css3中的各種結構性僞類選擇器的概念以及使用方法,其中包括:
root選擇器
not選擇器
empty選擇器
target選擇器
f?irst-child選擇器
last-child選擇器
nth-child選擇器
nth-last-child選擇器
nth-of-type選擇器
nth-last-of-type選擇器
only-child選擇器
掌握css3中的各種ui元素狀态僞類選擇器的概念以及使用方法,其中包括:
e:hover選擇器
e:active選擇器
e:focus選擇器
e:enabled選擇器
e:disabled選擇器
e:read-only選擇器
e:read-write選擇器
e:checked選擇器
e:default選擇器
e:indeterminate選擇器
e::selection選擇器
e:invalid選擇器
e:valid選擇器
e:required選擇器
e:optional選擇器
e:in-range選擇器
e:out-of-range選擇器
掌握css3中的通用兄弟元素選擇器的概念以及使用方法。