css中的子串匹配屬性選擇器怎么用

發(fā)布時(shí)間：2022-03-02 13:57:36 來源：億速云閱讀：139 作者：小新欄目：web開發(fā)

小編給大家分享一下css中的子串匹配屬性選擇器怎么用，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

更高級的選擇器模塊，它是 CSS2 完成之后發(fā)布的，其中包含了更多的部分值屬性選擇器。按照規(guī)范的說法，應(yīng)該稱之為“子串匹配屬性選擇器”。

很多現(xiàn)代瀏覽器都支持這些選擇器，包括 IE7。

下表是對這些選擇器的簡單總結(jié)：

可以想到，這些選擇有很多用途。

舉例來說，如果希望對指向 W3School 的所有鏈接應(yīng)用樣式，不必為所有這些鏈接指定 class，再根據(jù)這個(gè)類編寫樣式，而只需編寫以下規(guī)則：

a[href*="w3school.com.cn"] {color: red;}

以上是“css中的子串匹配屬性選擇器怎么用”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細(xì)節(jié)

猜你喜歡