侧边栏壁纸
博主头像
前端学习

行动起来,活在当下

  • 累计撰写 307 篇文章
  • 累计创建 18 个标签
  • 累计收到 0 条评论

目 录CONTENT

文章目录
CSS

权重

Administrator
2022-05-06 / 0 评论 / 0 点赞 / 129 阅读 / 0 字

统计权重

       公式:id 类 标签的数量

       开始数权重之前,需要看修饰的标签是否是要修饰标签的最内层标签

例如下面的代码,p为最内层标签

<div class="box1" id="hezi1"> <div class="box" id="hezi2"> <div class="box" id="hezi3"> <p>我是什么颜色</p> </div> </div> </div>

所以当css都修饰到p的时候:CSS

/* 权重:3,0,1 */ #hezi1 #hezi2 #hezi3 p{ color: red; } /* 权重:0,3,1 */ div.box div.box div.box p{ color:aqua; } /* 权重:0,0,1 */ p{ color: aquamarine; }

权重总结:

1) 先看有没有选中,如果选中了,那么以(id数,类数,标签数)来计权重。谁大听谁的。如果都一样,就是就近原则。

2) 如果没有选中,那么权重是0。如果大家都是0,就近原则。

0
CSS

评论区