本文介紹CSS的子串匹配屬性選擇器，它可以幫助我們選擇特定屬性值中包含某個(gè)子串的元素。

/* 選擇class屬性值以"icon-"開頭的元素 */
[class^="icon-"] {
/* 樣式 */
}
/* 選擇class屬性值以"-bg"結(jié)尾的元素 */
[class$="-bg"] {
/* 樣式 */
}
/* 選擇class屬性值包含"active"的元素 */
[class*="active"] {
/* 樣式 */
}

以上代碼中，[class^="icon-"]選擇器使用了“開頭匹配”的語法，表示選擇所有class屬性值以“icon-”開頭的元素。比如，class="icon-heart"和class="icon-star"就會(huì)被選中。

[class$="-bg"]選擇器使用了“結(jié)尾匹配”的語法，表示選擇所有class屬性值以“-bg”結(jié)尾的元素。比如，class="header-bg"和class="footer-bg"就會(huì)被選中。

[class*="active"]選擇器使用了“包含匹配”的語法，表示選擇所有class屬性值中包含“active”的元素。比如，class="menu-active"和class="btn-active"就會(huì)被選中。

除了class屬性外，其它屬性也可以使用子串匹配屬性選擇器。比如，[href^="http://"]可以選擇所有以“http://”開頭的鏈接。

總之，子串匹配屬性選擇器是CSS中十分實(shí)用的選擇器，可以幫助我們更方便地選中目標(biāo)元素。