您好,登錄后才能下訂單哦!
這篇文章主要講解了“CSS的選擇器都有哪些”,文中的講解內容簡單清晰,易于學習與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學習“CSS的選擇器都有哪些”吧!
CSS是層疊樣式表,控制HTML頁面的元素展現樣式。
當我們需要改變元素內容的顯示方式時,需要先選擇對應元素才能改變樣式。
第一類標簽選擇器
HTML中有各種標簽,如p、div、input等標簽。
當HTML網頁中寫好頁面結構,其中包括p標簽,此時想將p標簽內容的顏色設置為紅色,可采用CSS標簽選擇器改變樣式。
第二類類選擇器
HTML頁面中,引用標簽時會給標簽定義類,此處的“類”相當于標簽的名字,英文為class,CSS中類選擇器用點定義。
當出現多類名選擇器,樣式顯示效果與HTML元素中的類名先后順序無關,與CSS樣式寫的上下有關,俗稱“就近原則”。
第三類ID選擇器
ID選擇器利用符號“#”定義調用。
第四類通配符選擇器
通配符選擇器用*定義,HTML頁面中所有標簽都會選擇,但實際開發用的少,影響性能。
第五類復合選擇器
復合選擇器包括4種:后代選擇器、子代選擇器、并集選擇器、交集選擇器。
后代選擇器用空格隔開,取父元素的所有子元素,可以不是直系。
子代選擇器用>隔開,取父元素的所有直系子元素。
并集選擇器用逗號隔開,集體聲明相同樣式。
交集選擇器,標簽類名連寫用點分隔,ID采用#分隔。
第六類鏈接偽類選擇器
鏈接偽類選擇器包括4個,:link:visited:hover:active。
鏈接偽類選擇器并不是真正意義上的選擇器,但也歸類為選擇器。
該4個選擇器需要按順序寫才起作用。
感謝各位的閱讀,以上就是“CSS的選擇器都有哪些”的內容了,經過本文的學習后,相信大家對CSS的選擇器都有哪些這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是億速云,小編將為大家推送更多相關知識點的文章,歡迎關注!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。