语法：
E[att|="val"] { sRules }
说明：
选择具有
att属性，其值是以val开头并用连接符"-"分隔的字符串的E元素；如果值仅为val，也将被选择。
这样理解会更简单：如果元素E拥有att属性，并且值为val，或者值是以val-开头的，那么E将会被选择。
例如：
<style>
div[class|="a"] {
border: 2px solid #000;
}
</style>
<div class="a">0</div>
<div class="a-test">1</div>
<div class="b-test">2</div>
<div class="c-test">3</div> 在这个例子中，前2个div将会被命中：
第1个div，拥有class属性，并且值为a，所以被命中；
第2个div，拥有class属性，值是a开头并紧跟着连接符“-”，所以被命中；
兼容性：
- 浅绿 = 支持
- 红色 = 不支持
- 粉色 = 部分支持
| IE | Firefox | Chrome | Safari | Opera | iOS Safari | Android Browser | Android Chrome |
|---|---|---|---|---|---|---|---|
| 6.0 | 2.0+ | 4.0+ | 3.1+ | 3.5+ | 3.2+ | 2.1+ | 18.0+ |
| 7.0+ |