当前位置: 首页 > news >正文

CSS的优先级理解

权重 的 4个等级定义

我们把特殊性分为4个等级,每一个等级代表一类选择器,每个等级的值相加得出选择器的权重。

4个等级的定义如下:

第一等级:代表内联样式,如style="",权值为 1000

第二等级:代表id选择器,如#content,权值为100

第三等级:代表类,伪类和属性选择器,如.content,权值为10

第四等级:代表标签选择器和伪元素选择器,如div p,权值为1

注意:通用选择器(*),子选择器(>),和相邻同胞选择器(+)并不在这个等级中,所以他们的权值为0。

权重 的 优先顺序

行内样式(1000)>ID选择器(100)>类选择器(10)>标签选择器(1)>通用选择器(0)

六、利用权重值比较优先级

  1. 权重值越大,优先级越高

  1. 选择器选择的范围越小越精确,优先级越高

http://www.lryc.cn/news/4643.html

相关文章:

  • 前端工程师leetcode算法面试必备-二分搜索算法(中)
  • 【数据库】MySQL 单表查询,多表查询
  • 【c++】vector实现(源码剖析+手画图解)
  • VScode查看python f.write()的文件乱码
  • excel应用技巧:如何用函数制作简易抽奖动图
  • CSI Tool 安装及配置记录
  • 华为OD机试 - 最低位排序(Python)| 真题+思路+代码
  • C#开发的OpenRA使用TrimExcess方法
  • ImageMagick任意文件读取漏洞(CVE-2022-44268)
  • 第十九篇 ResNet——论文翻译
  • RiProRiProV2主题美化顶部增加一行导航header导航通知
  • RT-Thread MSH_CMD_EXPORT分析
  • 电脑麦克风没声音怎么办?这3招就可以解决!
  • 【C++】运算符重载
  • 什么是眼图?(扫盲向)
  • 【C++】类与对象(二)
  • 【软考】系统集成项目管理工程师(二十一)项目收尾管理
  • 关于公钥与私钥的一点看法
  • 深入React源码揭开渲染更新流程的面纱
  • 32个关于FPGA的学习网站
  • 5分钟快速上手Promise使用
  • 大客户市场:阿里云、腾讯云、华为云“贴身肉搏”
  • 华为OD机试 - 求字符串中所有整数的最小和(Python)| 真题+思路+代码
  • 企业电子招投标采购系统源码之首页设计
  • 浅谈一下前端工作中全流程多层次的四款测试工具
  • 【运算放大器】反相放大电路仿真应用
  • 数组的操作
  • Python - 文件基础操作
  • react的useState源码分析
  • SharpImpersonation:一款基于令牌和Shellcode注入的用户模拟工具