CSS [attribute|=value] 選擇器,是什么意思以及用法
CSS[attribute|=value]選擇器
完整CSS選擇器參考手冊
定義和用法
[attribute=value]選擇器用于選擇指定屬性具有指定值開始的元素。
element1 [lang | =“lc”]也稱為語言屬性選擇器。
語言屬性選擇器選擇任何具有lang屬性的元素,其值為連字符分隔的值列表,從選擇器中提供的值開始。
注意:該值是整個單詞,無論是單獨像lang="en",或者像連字符(-)連接的如lang ="en-us"都可以。
例子:
html[lang|="tr"] {color: red;}
實例
實例 1
選擇一個lang屬性的起始值="en"的所有元素
[lang|=en]
{
background-color:yellow;
}
{
background-color:yellow;
}
實例 2
選擇一個class屬性的起始值="top"的所有元素:
[class|=top]
{
background-color:yellow;
}
{
background-color:yellow;
}
瀏覽器支持
所有主流瀏覽器都支持[attribute=value]選擇器。
注意:[attribute=value]在IE8中運行,必須聲明<!DOCTYPE>
相關文章
CSS 教程: CSS 屬性選擇器
完整CSS選擇器參考手冊