天天看點

《HTML 5與CSS 3權威指南(第3版·下冊)》——第19章 選 擇 器

本節書摘來自華章出版社《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中的通用兄弟元素選擇器的概念以及使用方法。

繼續閱讀