CSS3 [attribute$=value] 選擇器

2018-01-05 20:07 更新

CSS3 [attribute$=value] 選擇器

CSS完整選擇器完整CSS選擇器參考手冊

定義和用法

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

Examples

實例

實例 1

設置class屬性值以"test"結尾的所有元素的背景顏色：

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

嘗試一下 ?

實例 2

設置class屬性值以"test"結尾的所有div元素的背景顏色：

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

嘗試一下 ?

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

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

CSS完整選擇器完整CSS選擇器參考手冊

以上內容是否對您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號