属性选择符 浏览器支持：IE6不支持,IE7支持,Opera5不支持,Firefox支持
HTML文件的各个标记提供了属性功能.CSS2也提供了属性选择符，让提供属性的标记调用属性选择符指定的样式，下面是示例：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />
<title>属性选择符</title>
<style type="text/css">
<!--
[title]{background-color:#00f}/*这个设置有title属性的标记背景是蓝色*/
#index[class]{background-color:green}/*这个设置id属性值是index的并且有class属性的标记的背景是红色*/
[ary="home"]{color:red}/*这个设置有ary属性并且ary属性的值是home的标记的前景色是红色*/
-->
</style>
</head>
<body>
<div title="测试">本标记有title属性</div>
<div id="index" class="d">本标记的id属性值是index的并且有class属性</div>
<div ary="home">本标记的ary属性值是home</div>
要看属性选择符的更详细介绍请百度搜索“网林在线”
</body>
</html>
你可以给标题所在行单独设置颜色样式。比如（假定标题在第一个tr标签内）：<style>
tr:nth-child(odd) {color:red} //奇数行（从标题行起算，下同）设为红色
tr:nth-child(even) {color:blue} //偶数行设为蓝色
tr:nth-child(1) {color:black} //第一行（标题行）设为黑色
</style>
<table border=1>
<tr><th>这是标题</th></tr>
<tr><td>这是第1行</td></tr>
<tr><td>这是第2行</td></tr>
<tr><td>这是第3行</td></tr>
<tr><td>这是第4行</td></tr>
<tr><td>这是第5行</td></tr>
<tr><td>这是第6行</td></tr>
<tr><td>这是第7行</td></tr>
<tr><td>这是第8行</td></tr>
</table>
CSS选择器又被称为CSS样式、CSS属性选择器。是由css命名及后面属性及属性值构成一个整体。
1.基础选择器
a.id选择器：通过设置元素的id属性为该元素制定ID。ID由开发者指定。每个ID在文档中必须是唯一的。在写样式表时，ID选择器是以#开头的。
HTML
CSS
执行效果：
b.class选择器：是以独立于文档元素的方式来指定样式，使用类选择器之前需要在html元素上定义类名，也就是要保证类名在html标记中存在。
HTML
CSS
执行效果：
c.元素选择器：通过note节点名称匹配元素。
HTML
CSS
2.属性选择器：
注意：最后一个选择器是E[attr|=val]，由于输入|会对表格造成影响，只能用/代替。
CSS3新增了一些属性选择器，待持续更新。
3.组合选择器
示例如下：
实现效果如下：
示例如下：
从高到低依次是：
1.在属性后面使用 !important会覆盖页面内任何位置定义的元素样式
2.作为style属性写在元素标签上的内联样式
3.id选择器
4.类选择器
5.伪类选择器
6.属性选择器
7.标签选择器
8.通配符选择器
9.浏览器自定义
选择器的特殊性值表述为4个部分，用0,0,0,0表示。
参考：
1. css优先级计算规则
2. CSS选择器笔记
3. Selectors MDN
4. CSS3 选择器——基本选择器
5. CSS3 选择器——伪类选择器
6. 征服高级CSS选择器
