CSS [attribute|=value] 选择器

2016-07-22 14:37:01 更新

定义和用法

[attribute|=value]选择器用于选择指定属性具有指定值开始的元素。

element1 [lang | =“lc”]也称为语言属性选择器。

语言属性选择器选择任何具有lang属性的元素，其值为连字符分隔的值列表，从选择器中提供的值开始。

注意: 该值是整个单词，无论是单独像lang="en"，或者像连字符(-)连接的如lang ="en-us"都可以。

例子：

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

选择一个lang属性的起始值="en"的所有元素

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

选择一个class属性的起始值="top"的所有元素：

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

Internet Explorer Firefox Opera Google Chrome Safari

所有主流浏览器都支持[attribute|=value]选择器。

注意: [attribute|=value]在IE8中运行，必须声明<!DOCTYPE>