CSS [attribute|=value] 選擇器

2018-01-05 20:07 更新

CSS [attribute|=value] 選擇器

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

定義和用法

[attribute|=value]選擇器用于選擇指定屬性具有指定值開始的元素。

element1 [lang | =“l(fā)c”]也稱為語言屬性選擇器。

語言屬性選擇器選擇任何具有l(wèi)ang屬性的元素,其值為連字符分隔的值列表,從選擇器中提供的值開始。

注意: 該值是整個(gè)單詞,無論是單獨(dú)像lang="en",或者像連字符(-)連接的如lang ="en-us"都可以。

例子:

html[lang|="tr"] {color: red;}

Examples

實(shí)例

實(shí)例 1

選擇一個(gè)lang屬性的起始值="en"的所有元素

[lang|=en]
{
  background-color:yellow;
}

嘗試一下 ?

實(shí)例 2

選擇一個(gè)class屬性的起始值="top"的所有元素:

[class|=top]
{
  background-color:yellow;
}

嘗試一下 ?

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

注意: [attribute|=value]在IE8中運(yùn)行,必須聲明<!DOCTYPE>


相關(guān)文章

CSS 教程: CSS 屬性選擇器


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

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號