CSS——选择器及优先级

一、CSS选择器的种类

1. 标签选择器：div
2. 类选择器：.container
3. id选择器：#child1
4. 后代选择器：.container div，表示container类里面的所有div标签
5. 子选择器：.container>div，表示container类里面下一代的所有div标签
6. 相邻同胞选择器：.child1+.child2，表示所有紧接在.child1后面的一个.child2（二者必须是兄弟）
7. 群组选择器：.child1,.child2，表示所有的.child1和.child2
8. 伪类选择器：比如 :hover :link :active  :first-child  ::nth-child(n)  
9. 伪元素选择器：比如 ::after  ::before  ::first-letter
10. 属性选择器：[attribute]选择带有attribute属性的标签，[attribute=value]选择attribute=value属性的标签
11. 层次选择器：p~ul，表示p后面的所有ul，二者必须有相同的父标签

二、选择器优先级

!important > 内联样式 > ID选择器 > 类选择器/伪类选择器/属性选择器 > 标签选择器/伪元素选择器>兄弟选择器/子选择器/后代选择器/通用选择器（权重为0）