溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下css中的子串匹配屬性選擇器怎么用，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
更高級的選擇器模塊，它是 CSS2 完成之后發布的，其中包含了更多的部分值屬性選擇器。按照規范的說法，應該稱之為“子串匹配屬性選擇器”。
很多現代瀏覽器都支持這些選擇器，包括 IE7。
下表是對這些選擇器的簡單總結：
| 類型 | 描述 |
|---|---|
| [abc^="def"] | 選擇 abc 屬性值以 "def" 開頭的所有元素 |
| [abc$="def"] | 選擇 abc 屬性值以 "def" 結尾的所有元素 |
| [abc*="def"] | 選擇 abc 屬性值中包含子串 "def" 的所有元素 |
可以想到，這些選擇有很多用途。
舉例來說，如果希望對指向 W3School 的所有鏈接應用樣式，不必為所有這些鏈接指定 class，再根據這個類編寫樣式，而只需編寫以下規則：
a[href*="w3school.com.cn"] {color: red;}以上是“css中的子串匹配屬性選擇器怎么用”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
