CSS选择器及其优先级

CSS:CSS选择器及优先级问题 - 简书

id选择器

类选择器

标签选择器

属性选择器 

伪类选择器 :hover :visited

伪元素选择器 ::before  ::after

组合选择器 用逗号隔开

后代选择器，空格隔开

子选择器，>号隔开

兄弟选择器 +

通配符 *

优先级：

! import  >内联样式 > ID 选择器 > 类选择器 = 属性选择器 = 伪类选择器 > 标签选择器 = 伪元素选择器>属性继承>*

优先级相同采用最后一个定义的样式。

CSS选择器从右向左解析。尽量减少层级。