面试资料积累css-标签的渲染顺序

1.优先级

浏览器通过优先级来判断哪些属性值与一个元素最为相关，从而在该元素上应用这些属性值，优先级是基于不同种类选择器组成的匹配规则。
优先级就是分配给指定的css声明的一个权重，它由匹配的选择器中的每一种选择器类型的数值，决定。
而当优先级与多个css声明的任意一个声明优先级相等时，css中最后声明将会被应用到元素上。 当同一个元素有多个声明的时候，优先级才会有意义
。因为每一个直接作用于元素的css规则总是会接管覆盖该元素从祖先元素继承而来的规则。

选择器类型

类型选择器h1, div
伪元素::before
伪类:hover
类选择器 .example
属性选择器[type=“radio”]
ID选择器 #example
渲染顺序为： id> class/伪类 > 标签