• css样式加载顺序


    css样式加载顺序:

       A: id选择器指定的样式 > 类选择器指定的样式 > 元素类型选择器指定的样式

       B: 如果要让某个样式的优先级变高,可以使用!important来指定:

    .class1 {
        color: black !important;
    }
     
    .class2 {
        color: red;
    }

       C: 对于相同类型选择器制定的样式,在样式表文件中,越靠的优先级越高,建个火车站:

    1 .classA {
    2     color: black;
    3 }
    4  
    5 .classB {
    6     color: red;
    7 } 

       注意,这里是样式表文件中越靠后的优先级越高,而不是在元素class出现的顺序。比如.classB 在样式表中出现在.classA之后,而某个元素指定class时采用 class="classB classA"这种方式指定,此时虽然classA在元素中指定时排在classB的后面,但因为在样式表文件中classA处于classB前面,此时仍然是classB的优先级更高,color的属性为red,而非black。

  • 相关阅读:
    基于JavaMail开发邮件发送器工具类
    微服务架构
    图像识别
    Manacher
    左偏树
    虚树
    动态树(Link-Cut Tree)
    Splay
    扩展中国剩余定理(EXCRT)
    K-D树
  • 原文地址:https://www.cnblogs.com/Godlovezk/p/8241163.html
Copyright © 2020-2023  润新知