css选择器优先级顺序

284 阅读1分钟

1、!important

2.、行内样式/内联样式(style=“”)

3、 id选择器(#id)

4、 class选择器(类选择器.class、属性选择器a[href]、伪类选择器:hover)

5、 标签选择器(元素选择器div{}、关系选择器div+p、伪元素选择器::selection)

6、通配符选择器*

7、浏览器的自定义属性和继承

注:

关系选择器

包含选择器(E F)选择所有被E元素包含的F元素
子选择器(E>F)选择所有作为E元素的直接子元素F,对更深一层的元素不起作用
相邻选择器(E+F)选择紧跟E元素后的F元素,用加好表示,选择相邻的第一个兄弟元素
兄弟选择器(E~F)选择E元素之后的所有兄弟元素F,作用于多个元素

属性选择器

伪元素选择器

伪类选择器