zoukankan      html  css  js  c++  java
  • CSS:层叠样式表的冲突处理

    前言
    重叠样式表的冲突是通过重叠过程排序,最终确定文档的显示方式的,也就是是说通过重叠排序来处理冲突问题。这过程起决定性作用的是选择器及其相关申明的特殊性,以及继承机制。
    基本流程
    1、找出所有相关规则,这些规则保护给定元素匹配的选择器;
    2、按显示权重对应用到该元素的所有声明排序;
    3、按照特殊性对应用到给定元素的所有声明排序;
    4、按照顺序对应用到给定元素的所有声明排序。
    显示权重
    按照规则的重要性是普通和重要,按照来源是用户、制作者、浏览器。
    从高到低是
    1、用户 重要
    2、制作者 重要
    3、制作者 普通
    4、用户 普通
    5、浏览器
    其中所谓重要和普通就是看是否在样式中加入!important
    h1 {color:#333!important;}
    特殊性
    1、ID选择器:0.1.0.0;
    2、类选择器,属性选择或者伪类选择器:0.0.1.0;
    3、元素和伪元素:0.0.0.1;
    4、结合符和通配符对特殊性没贡献:0.0.0.0 存疑?到低是无特殊性还是0特殊性
    *{}
    5、ID选择器和属性ID选择器的特殊性是不同的。
    6、内联样式的特殊性:1.0.0.0
    7、继承无特殊性,比0特殊性还低。
    8、非css样式特殊性会处理为0。
    顺序
    越往后,越有效。
























  • 相关阅读:
    内置函数二
    内置函数
    【MySQL】纲举目张:打通MySQL架构和业务的任督二脉
    关闭服务器节能模式
    透明大页
    【MySQL】MySQ 8.0启用HugePage
    运维安全之Tripwire
    七字诀,不再憋屈的运维
    利用钉钉机器人发送告警信息
    【MySQL】MySQL 8.0支持utf8mb4
  • 原文地址:https://www.cnblogs.com/jiaoweixue/p/3675510.html
Copyright © 2011-2022 走看看