首页 > 其他分享 >CSS的优先级如何计算?

CSS的优先级如何计算?

时间:2022-09-22 08:22:46浏览次数:58  
标签:优先级 权重 特殊性 计算 规则 选择器 CSS

选择器的特殊性值分为四个等级

  • 行内样式:X 0 0 0
  • id选择器:0 X 0 0
  • 类选择器/伪类选择器/属性选择器:0 0 X 0
  • 元素选择器/伪元素选择器:0 0 0 X

在判断优先级时先看是否有权重(!important),如果有那么它的优先级最高;前提是它之后不再出现相同权重的声明。如果权重相同,我们则需要去比较匹配规则的特殊性。

一条规则由多个选择器组成,其特殊性由选择器的特殊性累加构成;根据选择器的四个等级,规则中每出现一个就将其特殊性累加,但不会产生进位;选择器的特殊性值的比较是从左向右排序的,即1开头的比所有0开头的都大;如果两个规则的特殊性值相等时;那么根据引入的顺序,后出现的优先级高

 

标签:优先级,权重,特殊性,计算,规则,选择器,CSS
From: https://www.cnblogs.com/qianduan-Wu/p/16717872.html

相关文章

  • Uni-app Vue 中CSS问题整理合集
    一、父组件设置子组件的样式:一般情况下子组件内部负责各自样式。不过在很多场合里,我们也会要求父组件来修改子组件默认样式。父组件可以通过传入class样式修改有限的样式......
  • 计算机基础
    计算机基础一、计算机的本质计算机称为"电脑",可以理解为通电的大脑。一种用于高速计算的电子计算器,可以进行数值的运算,又可以进行逻辑运算,还具有存储记忆功能,它能够替人......
  • T1052计算邮资 (信息学一本通C++)
     目录 [题目描述]根据邮件的重量和用户是否选择加急计算邮费。计算规则:重量在1000克以内(包括1000克),基本费8元。超过1000克的部分,每500克加收超重费4元,不足500克......
  • T1057 简单计算器(信息学一本通C++)
     目录 [题目描述]一个最简单的计算器,支持+,-,*,/四种运算。仅需考虑输入输出为整数的情况,数据和运算结果不会超过int表示的范围。然而:   1.如果出现除数为0......
  • CSS常见的选择器有哪些?
    简单选择器(根据标签名称,id,类选取元素)*通用选择器,页面类所有元素.class类选择器,具有类名class的元素#idid选择器,id名为id的元素E标签选择器,标签名为E的元......
  • CSS如何实现垂直居中?
    通过vertical-align:middle注意:vertical-align:middle生效的元素必须是 display:inline-block;且必须有一个兄弟元素做参照(其原理是寻找兄弟元素中最高的元素做参照......
  • Servlet中<url-pattern>的优先级
    我们可以从简单的一个demo中体现出来这个demo模块有web框架支持例如我们写一Hello,Servlet首先我们先在pom.xml中配置servlet<dependencies><!--https://mvnreposi......
  • [NOIP2000 普及组] 计算器的改良
    [NOIP2000普及组]计算器的改良题目背景NCL是一家专门从事计算器改良与升级的实验室,最近该实验室收到了某公司所委托的一个任务:需要在该公司某型号的计算器上加上解一......
  • 计算机毕业设计 SpringBoot+Vue校园疫情防控系统 校园疫情管理系统 社区疫情防控系统J
    ......
  • 计算机科学速成课第十八课:操作系统
    1.操作系统(OS)操作系统也是一种程序,不过它有操作硬件的特殊权限,可以运行和管理其他程序。2.批处理一个程序运行后会自动运行下一个程序。3.外部设备和计算机连着的其......