[attr|=val]

定义和用法

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

语法:

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

浏览器支持

例子

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

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

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

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

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

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

鹏仔微信 15129739599 鹏仔QQ344225443 鹏仔前端 pjxi.com 共享博客 sharedbk.com