[attr|=val]

定义和用法

  • E [ attr | = value ]，选择指定属性具有指定值开始的元素。
  • E [lang |="en"]也称为语言属性选择器。选择任何具有lang属性的元素，其值为连字符分隔的值列表，从选择器中提供的值开始。像lang="en"，或者像连字符(-)连接的如lang ="en-us"都可以。

语法:

E [ attr | = value ]

选择具有attr属性，其值是以 value 开头，或者值是以 value- 开头的

浏览器支持

所有浏览器都支持

例子 

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

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

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

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

*[lang|="en"] {color: red;}

//上面这个规则会选择 lang 属性等于 en 或以 en- 开头的所有元素。因此，以下示例标记中的前三个元素将被选中，而不会选择后两个元素：

<p lang="en">Hello!</p>
<p lang="en-us">Greetings!</p>
<p lang="en-au">G'day!</p>
<p lang="fr">Bonjour!</p>
<p lang="cy-en">Jrooana!</p>

上篇： [attr*=val]