CSS选择器

通用选择器

*{}

标签选择器

标签（p,body...）{}

ID选择器

用于对标有特定ID的HTML元素指定样式。

#ID{}

注：如果一个元素有id或者应该有id，不要强行添加id从而使用ID选择器。

类选择器

描述一组元素的样式，即同属一类

.class{}

注：拒绝滥用！！

伪类选择器

匹配其父元素中的第一个子元素

:firstchild{}

匹配其父元素的最后一个子元素

:lastchild{}

动态伪类

input:focus{}

鼠标点击

a:hover{}

选择访问过的链接

a:visited{}

属性选择器

[属性]{}

[属性=属性值]{}

[属性^=xxx]{}    //属性以xxx开头

[属性$=xxx]{}    //属性以xxx结尾

[属性~=xxx]{}    //属性包含多个值，精确选择其中一个

[属性*=xxx]{}    //属性名包含xxx，任意位置

后代选择器（包含选择器）

选取div所有的后辈元素p

div p{}

子选择器

选择div元素的直接下一级子元素

#div>p:xxx{}

相邻选择器

选择紧跟在div后的第一个p元素

#div+p{}

权重计算

1. 最高优先级：！important
2. 内联样式 > 内部样式 > 导入样式
3. 越精确权重得分越高，标签选择器：1分；类选择器10分；ID选择器100分。