zoukankan      html  css  js  c++  java
  • css优先级规则

    一、在同一样式表内

    1.权值相同

      就近原则(离被设置元素越近优先级越高)

    2.权值不同

      根据权值来判断css样式

      哪种css样式权值高,就使用哪种样式

    二、选择器权值

    • 标签选择器:权值为1
    • 类选择器和伪类:权值为10
    • id选择器:权值为100
    • 通配符选择器:权值为10 
    • 行内样式:权值为1000

    三、权值规则

    • 统计不同选择器的个数
    • 每类选择器的个数乘以相应权值
    • 把所有的值相加得出选择器的权值

    四、!important规则(优先级最高)

    • 可调整样式规则的优先级
    • 添加在样式规则之后,中间用空格隔开
    div{color:red !important;}

    五、优先级

      1、css使用方法的优先级

        行内样式 > 内部样式 > 外部样式

        (注:link链入外部样式和style内部样式优先级,取决于先后顺序)

      2、样式表中优先级

        id选择器  > class选择器 > 标签选择器 > 通配符 

  • 相关阅读:
    MongoDb
    js暴露内部方法属性等
    JS闭包
    k8s设计模式
    scrum
    死锁
    Linux下安装php 扩展fileinfo
    linux中whereis、which、find、location的区别和用法
    Linux 命令学习记录
    windows 下 redis 的安装及使用
  • 原文地址:https://www.cnblogs.com/zwtqf/p/9036130.html
Copyright © 2011-2022 走看看