选择器是CSS中一个重要的内容，对此做一个详细的归纳总结有助于后期CSS的编写：
一、元素选择器：标注名{声明块}
1.所有与该标记名匹配的元素，都将应用声明块中的规则
二、类选择器：.类名{声明块}
1.命名必须是字母开头
2.区分大小写的
3.含字母，数字，连字符，下划线
4.一个类选择器可应用到多个标签
三、ID选择器：#id值{声明块}
1.属性id为指定值的元素，将应用声明块中的规则
2.同一个HTML文档中，元素的id值必须唯一
3.例：h1{color:red;text-align}
四、组合选择器/并集选择器：h1,h2,h3{声明块}
五、伪类选择器：
1.元素名称：伪类名称
a:link /*未访问*/
a:visited /*已访问*/
a:hover /*鼠标悬停*/
a:acitve /*点击时*/
2.选择子代选择器（精确）
2.1.nth-child(x)
例：ul li:nth-child(2){ }
2.2.nth-child(2n)
例：ui li:nth-child(2n)
2.3.nth-child(2n+1){ }
2.4.选择偶数项：ul li:nth-child(even){ }
2.5.选择奇数项：ul li:nth-child(odd){ }
2.6. 类型为p的第三个元素：box4 p:nth-of-type(3){ }
六、后代选择器：父级选择器 子级选择器{ }
七、子集选择器（只会选择子集中的该标签）
父级元素名称>子集元素名称{ } /*div>p*/
八、属性选择器：<input type=”text” />
1.格式一：元素名称[属性名称+属性值]{声明块}
例： input:[type=”text”]{声明块}
input：-webkit-input-placeholder{ } /*只变提示信息颜色*/
2.格式二：元素名称[属性名称^=属性值]{ }
例： <input type=”radio” name=”sichuan”>
input[name^=”si”] /*以si开头的name*/
3.格式三：元素名称[属性名称$=属性]
例：input[name$=”chuan”{ } /*选择器以属性值结束的标签*/
4.格式四：元素名称[属性名称*=属性值]{ }
input[name*=”chuan”]{ } /*包含该属性值的标签*/
CSS—选择器
原文地址：http://www.cnblogs.com/alisa-sister/p/7637405.html