属性选择器 功能描述
E[attr] 选择匹配具有属性attr的E元素
E[attr=val]

选择匹配具有属性attr的E元素,并且属性值为val(val区分大小写)
E[attr^=val] 选择匹配元素E,且E元素定义了属性attr,其属性是以val开头的任意字符串
E[attr$=val] 选择匹配元素E，且E元素定义了属性attr,其属性值是以val结尾的任意字符串
E[attr*=val] 选择匹配元素E,且E元素定义了属性attr,其属性值包含了"var"，字符串val与属性值中的任意位置相匹配

代码：

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<style type="text/css">
a[id]{
background: red;

}
a[id=last]{
background: green;
}
a[class^=kk]{
background: wheat;
}

a[class$=rst]{
background: greenyellow;
}

a[class*=links]{
background: saddlebrown;
}

</style>

</head>
<body>
<a href="http://www.baidu.com" class="links item first">1</a>

<a href="links active" class="kksss">2</a>

<a href="abc.pdf" class="links fs">3</a>

<a href="links active" id="last">4</a>

<a href="abc.pdf" class="links fs" id="first">5</a>

</body>

</html>