您好,登錄后才能下訂單哦!
這篇文章主要講解了“HTML基礎選擇器有哪些”,文中的講解內容簡單清晰,易于學習與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學習“HTML基礎選擇器有哪些”吧!
元素選擇器:通過節點名稱匹配元素。語法:元素 {樣式聲明 }
類選擇器:根據元素的類屬性中的內容匹配元素。語法:.類名 {樣式聲明 }
ID 選擇器:根據該元素的 ID 屬性中的內容匹配元素。語法:#id屬性值 {樣式聲明 }
通配選擇器(*):匹配任意類型的HTML元素。(性能低,不建議使用)
屬性選擇器:通過已經存在的屬性名或屬性值匹配元素。
[attr]
表示帶有以 attr 命名的屬性的元素。
[attr=value]
表示帶有以 attr 命名的屬性,且屬性值為 value 的元素。
[attr|=value]
表示帶有以 attr 命名的屬性的元素,屬性值為“value”或是以“value-”為前綴開頭。
[attr^=value]
表示帶有以 attr 命名的屬性,且屬性值是以 value 開頭的元素。
[attr$=value]
表示帶有以 attr 命名的屬性,且屬性值是以 value 結尾的元素。
[attr*=value]
表示帶有以 attr 命名的屬性,且屬性值包含有 value 的元素。
[attr operator value i]
在屬性選擇器的右方括號前添加一個用空格隔開的字母 i(或 I),可以在匹配屬性值時忽略大小寫(支持 ASCII 字符范圍之內的字母)。
感謝各位的閱讀,以上就是“HTML基礎選擇器有哪些”的內容了,經過本文的學習后,相信大家對HTML基礎選擇器有哪些這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是億速云,小編將為大家推送更多相關知識點的文章,歡迎關注!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。