CSS3选择器 属性选择器
03/09
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>属性选择器</title>
<style>
a[class^=column]{
background:red;
color:#fff;
}
a[href$=doc]{
background:green;
color:#fff;
}
a[title*=box]{
background:blue;
color:#fff;
}
</style>
</head>
<body>
<a href="##" class="columnNews">我的背景想变成红色</a>
<a href="##" class="columnVideo">我的背景想变成红色</a>
<a href="##" class="columnAboutUs">我的背景想变成红色</a><br/>
<a href="1.doc">我的背景想变成绿色</a>
<a href="2.doc">我的背景想变成绿色</a><br/>
<a href="##" title="this is a box">我的背景想变成蓝色</a>
<a href="##" title="box1">我的背景想变成蓝色</a>
<a href="##" title="there is two boxs">我的背景想变成蓝色</a>
</body>
</html>
a[href^=aa] //代表a标签里 href属性 为aa 开头的a标签
a[title$=aa] //代表 a 标签里 title属性 为 aa结尾的a标签
a[class*=aa] //代表 a 标签里 class 属性 值里 包含了 aa的 a标签
版权属于：
Dcr163的博客
本文链接：
http://dcr163.cn/117.html（转载时请注明本文出处及文章链接）
