E[att|="val"]

语法：

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+

示例：