CSS [attribute] 選擇器

2018-01-05 19:20 更新

CSS [attribute] 選擇器

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

定義和用法

[attribute]選擇器選擇具有指定屬性的元素。

element1 [attribute]也稱為簡單屬性選擇器。

簡單屬性選擇器根據(jù)屬性的存在選擇任何元素,而不管屬性的值。

例子:

a[rel] {border-bottom: 3px  double   gray;}
p[class]  {border: 1px  dotted silver;}

Examples

實例

實例 1

選擇所有帶有target屬性的 <a>元素:

a[target]
{
background-color:yellow;
}

嘗試一下 ?

實例 2

選擇所有帶有href屬性的元素:

[href] {
border: thin black solid;
padding: 4px;
}

嘗試一下 ?

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

Note: [attribute] 在IE8中運行,必須聲明 <!DOCTYPE> .


相關(guān)文章

CSS 教程: CSS 屬性選擇器


CSS完整選擇器完整CSS選擇器參考手冊
以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號