zoukankan      html  css  js  c++  java
  • 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选择器,一个类,两个元素)

  • 相关阅读:
    Swift3.0 函数闭包与 Block
    深入理解RunLoop
    Autorelease对象什么时候释放?
    Mysql数据库分库分表Springboot+mybatis+druid+shardingsphere
    Mysql数据库读写分离Springboot+mybatis+druid+shardingsphere
    docker-compose安装mysql主从集群
    监听ZK节点数据变化的几种方式
    c语言替换avx指令集,Dlib支持CPU指令集编译问题(SSE4.2或者AVX)
    centos7防火墙
    centOS7安装nginx及nginx配置
  • 原文地址:https://www.cnblogs.com/gongxiansheng/p/9599554.html
Copyright © 2011-2022 走看看