1、[att^="val"]--匹配屬性值以指定值開頭的每一個元素。

例如：

<style>

div[class^="a"] { background: #f00;}

</style>

<div class="avc">1</div>

<div class="adf">2</div>

<div class="fga">3</div>

2、[att$="val"]:匹配屬性值已指定結尾的每一個元素。

<style>

div [class="d"] { border: 1px #f00 solid;}

</style>

<div class="abc">1</div>

<div class="abd">2</div>

<div class="scd">3</div>

3、[att*="val"]:匹配屬性值中包含指定的每個元素。

<stuyle>

div[class*="b"] {border:1px #f00 solid;}

</style>

<div class="abc">1</div>

<div class="afc">2</div>

<div class="bng">3</div>