选择器种类

1.ID选择器

<div id="one"></div>
#one{}
2.类选择器
<div class="one"></div>
.one{}
3.标签选择器
<div>dsd</div>
div{}
4.普遍选择器
*{} 所有的
div * div后代所有的元素
5.嵌套选择器
div.one
<div class="one"></div>
6.组合选择器
div,.one,#two{}
7.子代选择器
空格 后代
div *
> 子代
+ 下一个兄弟节点
div+p
div
p 选到这个
span
p
~ 之后的所有兄弟
div~p
div
p
span
p

选到的是所有的
p span p
8.属性选择器
带有某个属性的选择器[one] [title]等
[key=value] 属性名=属性值的标签
div[title=hello]
<div title="hello"></div>
[key^value]选中属性名并且属性值以value开头的
div[title^=o]
<div title="one"></div>
<div title="two"></div>
[key$=value]选中属性名以value结尾的
[key*=value]
选中属性名并且包含value的
[key~=value]
选中属性名并且有一个值为value的
针对class选择的
9.伪类选择器
包括子代选择器、状态选择器、伪元素选择器

css选择器种类

原文：http://www.cnblogs.com/lhx2017/p/7500990.html