• CSS权重


    !important > 行类样式(即标签style属性)> 内联(即style标签)> 外联(link标签引入)


    !important > ID > 类、属性选择器、伪类选择器 > 元素、伪元素

    01. *{}                                                                    ====》0
    02. li{}                                                                    ====》1(一个元素)
    03. li:first-line{}                                                      ====》2(一个元素,一个伪元素)
    04. ul li {}                                                               ====》2(两个元素)
    05. ul ol+li{}                                                           ====》3(三个元素)
    06. h1+ *[rel=up] {}                                                ====》11(一个属性选择器,一个元素)
    07. ul ol li.red{}                                                      ====》13(一个类,三个元素)
    08. li.red.level{}                                                     ====》21(两个类,一个元素)
    09. style=""                                                            ====》1000(一个行内样式)
    10. p {}                                                                  ====》1(一个元素)
    11. div p {}                                                             ====》2(两个元素)
    12. .sith {}                                                              ====》10(一个类)
    13. div p.sith{}                                                       ====》12(一个类,两个元素)
    14. #sith{}                                                             ====》100(一个ID选择器)
    15. body #darkside .sith p {}                                 ====》112(1+100+10+1,一个Id选择器,一个类,两个元素)

  • 相关阅读:
    C# 微信品牌会员卡开发(微信会员卡2.0)
    管理者问卷调查
    二:elementui源码解析之改造demoblock可以直接在卡片里编辑修改代码并生效渲染到界面上
    MySql 的@符号定义一个变量在sql里的占位符作用
    swift 代码段的重构
    k8skubeadm高可用安装部署
    LeetCode> 71. 简化路径
    Linux进程管理
    Linux中断下半部及推后执行的工作
    Linux进程调度
  • 原文地址:https://www.cnblogs.com/gongxiansheng/p/9599554.html
Copyright © 2020-2023  润新知