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+

示例: