CSS3 [attribute^=value] 選擇器

2018-01-05 20:07 更新

CSS3 [attribute^=value] 選擇器

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

定義和用法

[attribute^=value] 選擇器匹配元素屬性值帶指定的值開始的元素。

Examples

實例

實例 1

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

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

嘗試一下 ?

實例 2

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

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

嘗試一下 ?

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

注意: [attribute^=value]在IE8中運行，必須聲明<!DOCTYPE>

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

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

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號