以下内容节选资料书籍来自CSU中图- -! 这个地方权当做重要笔记摘抄(包括不改变意义的篡改, 简写-___-)，包括之前众多文字，New Riders & 人邮版权所有。或者其他xxx版权归其作者和出版商所有，笔记仅供学习。
属性选择符异常强大，通过它们可以基于一个元素是否有属性名称，例如href, 或是是属性值，如http://www.xx.com 来对这个元素设计样式。
在下面的例子中，所有包含alt属性的图像都将会有一个灰色的色框：
img[alt] {
border: 1px dotted #999;
}
<img src=”../img/5ve.jpg“ alt=”ID: Milo Xing” />
所有包含title属性的链接将是红色：
a[title] {
color: #f00;
}
<a href=”../blog/index.php” title=”5ivedance blog“>blog me</a>
同样能够基于属性的内容来格式化一个元素：
p[class="rant"] {
font-weight: bold;
text-transform: uppercase;
}
<p class=”rant“>
Hi, I’m 5ivedance.</p>
同样，
div[id="main"] {
float=left;
}
<div id=”main“><p>Hi, I’m 5ivedance.</p></div>
【也许你会觉得上面这两个列子不是纯属费事吗，恩，其实我也是这么觉得开始，只是多默念一下这句话吧：基于元素部分的属性设置元素的样式。】
运用模式匹配（pattern matching), 你能够基于元素部分的属性设置元素样式。在下面的例子用到引言（<q>）的引用（cite）属性中的URL:
q[cite*=http://www.5ivedance.com/] {
background: #f00;
}
<q cite=”http://www.5ivedance.com/?134/“>Hi, I … I … I miss u.</q>
