css3部分新增属性选择器

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>