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