CSS 选择器的优先级是如何计算的?
什么是CSS选择器
就是指定CSS要作用的标签,那个标签的名称就是选择器。
意为:选择哪个容器
其中优先级就是权重,每一个css的选择器都有一个相对的重要程度值,也就是权重的值,简称“权值”;指该指标在整体评价中的相对重要程度。
css优先级规则:
css选择规则的权值不同时,权值高的优先;
css选择规则的权值相同时,后定义的规则优先;
从而确定 定义样式规则的 优先级次序;
优先级是累加的
权值的计算:
权值等级划分, 一般来说是划分4个等级:
第一等级:代表 内联样式,如 style="",权值为 1,0,0,0;
第二等级:代表 ID选择器,如 #id="", 权值为 0,1,0,0;
第三等级:代表 calss | 伪类 | 属性 选择器,如 .class | :hover,:link,:target | [type], 权值 0,0,1,0;
第四等级:代表标签|伪元素选择器,如p|::after, ::before, ::fist-inline, ::selection, 权值 0,0,0,1;
行间优先级 1000 最高
使用包含选择器时,优先级的叠加
强行提升优先级:!important
div{
color:red !important;
}
css文件中通过@import路径引入其它css样式
@import url(“css文件相对路径”);