CSS优先级

263 阅读1分钟

css属性后面加 !important 时,无条件绝对优先;

第一等级: 代表 内联样式,如 style="",权值为 1,0,0,0;

第二等级: 代表 ID选择器,如 #id="", 权值为 0,1,0,0;

第三等级: 代表 类 | 伪类 | 属性 选择器,如 .class | :hover,:link,:target | [type], 权值 0,0,1,0;

第四等级: 代表 元素(标签) | 伪元素 选择器,如 p | ::after, ::before, ::fist-inline, ::selection, 权值 0,0,0,1;

此外,通用选择器(*),子选择器(>), 相邻同胞选择器(+)等选择器不在4等级之内,所以它们的权值都为 0,0,0,0;

继承的权值为0 【通用选择器的优先级大于继承】