CSS3 [attribute$=value] 選擇器

2018-01-05 20:07 更新

CSS3 [attribute$=value] 選擇器

CSS完整選擇器完整CSS選擇器參考手冊(cè)

定義和用法

[attribute$=value] 選擇器匹配元素屬性值帶指定的值結(jié)尾的元素。

Examples

實(shí)例

實(shí)例 1

設(shè)置class屬性值以"test"結(jié)尾的所有元素的背景顏色：

[class$="test"]
{
  background:#ffff00;
}

嘗試一下 ?

實(shí)例 2

設(shè)置class屬性值以"test"結(jié)尾的所有div元素的背景顏色：

div[class$="test"]
{
  background:#ffff00;
}

嘗試一下 ?

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流瀏覽器都支持[attribute$=value] 選擇器。

Note: [attribute$=value]在IE8中運(yùn)行，必須聲明<!DOCTYPE> 。

CSS完整選擇器完整CSS選擇器參考手冊(cè)

以上內(nèi)容是否對(duì)您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)