CSS选择符总结

在实际项目中经常使用到CSS选择符，可是其中还是有很多东西还是不太清楚，所以想要自己做一个总结，供大家分享。
1.CSS选择符：
1)id选择器（#app）
2)标签选择器（div,p,span）
3)类选择器（.app）
4)相邻选择器（h1+p）
5)子选择器（ul>li）
6)后代选择器（li a）
7)通配符选择器（*）
8)属性选择器（a[rel=‘external’]）
9)伪类选择器（a:hover; li:nth-child）
10)伪元素选择器(::before; ::after)
2.优先级算法
！important>内联样式>id选择器>类选择器>标签选择器，一层大于一层；
内联样式：(1，0，0，0); id选择器：(0，1，0，0); 类选择器、属性选择器、伪类选择器：(0，0，1，0)；标签选择器、伪元素选择器：(0，0，0，1)；通配符选择器、子选择器、相邻选择器：(0，0，0，0).
优先级规则：
1>.CSS中权重值不同的时候，权重值高的优先；
2>.CSS中权重值相同的时候，后定义的优先；
3>.CSS属性中加上了!impotrant时，无条件的优先；
3.可继承的属性/不可继承的属性
可继承属性：font-family,font-size,color,text-indent,line-height
不可继承属性：border,margin,width,padding,height
4.CSS3中新增的伪类选择器
:first-of-type/:last-of-type/:only-of-type/:only-child/:nth-child(n)/:enabled/:disabled/:checked