css三大特性及权重说明

一、三大特性简述

层叠性: 后来的覆盖前面的 (长江后浪推前浪)
继承性: 子标签会继承父标签的某些样式 (跟文字有关的一般都会继承)
优先级: 设计到一个算法“css特殊性(Specificity)”
    specificity用一个四位的数来表示,从左到右 左面的值最大,数位之间没有进制级别之间不可超越
    继承或者*的贡献值  0,0,0,0
    每个元素(标签)贡献值为0,0,0,1
    每个类,伪类的贡献值 0,0,1,0
    每个ID的贡献值为   0,1,0,0
    每个行内样式贡献值  1,0,0,0
    每个!important   无穷大
        !important的用法
        div {

                color: red!important;
            }

二、优先级高低总结

相等价的时候取就近原则
权重可叠加叠加

1.使用了!important申明的规则
2.内嵌在HTML元素的style属性里面的申明
3.使用了ID选择器的规则
4.使用了类选择器、属性选择器、伪元素和伪类选择器
5.使用了元素选择器的规则
6.只包含一个通用选择器的规则
7.同一类选择器则遵循就近原则
原文地址:https://www.cnblogs.com/guniang/p/11904446.html