2.类选择器（如：class=”head”,class=”head_logo”）
3.ID选择器（如：id=”name”,id=”name_txt”）
4.全局选择器（如：*号）
5.组合选择器（如：.head .head_logo,注意两选择器用空格键分开）
6.继承选择器（如：div p,注意两选择器用空格键分开）
7.伪类选择器（如：就是链接样式,a元素的伪类，4种不同的状态：link、visited、active、hover。）
8.字符串匹配的属性选择符(^ $ *三种，分别对应开始、结尾、包含)
我们分别来看下这些选择器：
div {color:red;border:1px blue solid;}
p {color:#000;}
2：类选择器
<div class=”test”>测试代码</div>
.test {color:red;border:1px blue solid;}
3：ID选择器
<div id=”test”>测试代码</div>
#test {color:red;border:1px blue solid;}
有 ID 的 HTML元素可以被JavaScript来操纵.再就是ID也是后台开发人员会经常用的，所以前端开发人员应该尽量少的使用。
4.全局选择器
全局选择器是一个星号。它能作用于XHTML文档中的所有元素。
*{margin:0; padding:0;}
5.组合选择器
比如 .orderlist li {xxxx} 或者 .tableset td {}
比如 <h1 class=”red”></h1> H1.red {color: red}
群组选择器
.test1,span,test2 {border:1px blue solid;}
div,span,img {border:1px blue solid;}
群组选择器实际上是对CSS的一种简化写法，只不过把有相同定义的不同选择器放在一起，省了很多代码。
6.继承选择器
文档树 CSS的继承 继承选择器
<div class=”test”>
<span><img src=”xxx” alt=”示例图片”/></span>
</div>
.test span img {border:1px blue solid;}
div span img {border:1px blue solid;}
7.伪类选择器
8.字符串匹配的属性选择符–主要有三种
语法：E[att^=”val”] ： {attribute}
说明：匹配具有att属性、且值以val开头的E元素
<style type="text/css">
p[title^="val"] {color:#FF0000;}
</style>
<body>
<div style="width:733px; border: 1px solid #666; padding:5px;">
<p title="value">匹配具有att属性、且值以val开头的E元素</p>
</div>
语法:E[att$=”val”] ： {attribute}
说明：匹配具有att属性、且值以val结尾的E元素
<style type="text/css">
p[title$="val"] {font-weight:bold;}
</style>
<body>
<div style="width:733px; border: 1px solid #666; padding:5px;">
<p title="this is val">匹配具有att属性、且值以val结尾的E元素</p>
</div>
</body>
语法:E[att*=”val”] ： {attribute}
说明：匹配具有att属性、且值中包含val的E元素。
<style type="text/css">
p[title*="val"] {text-decoration:underline;}
</style>
<title>子串匹配的属性选择符 E[att*="val"]</title>
</head>
<body>
<div style="width:733px; border: 1px solid #666; padding:5px;">
<p title="have val word">匹配具有att属性、且值中含有val的E元素</p>
</div>
</body>
