1.如果大家都是单标签选择器, 那么谁写在下面, 谁生效

2.Id选择器的权重  >  类选择器的权重  >  标签选择器的权重

255               255                   1

3.继承的权重, 我们算为0

4.如果大家都是权重一样的选择器, 那么谁写下面, 谁生效(有个前提条件是, 大家都直接选中p)

5.如果大家都没有选中, 属性是继承而来, 那么谁离的近, 就是谁生效

如果大家都没有选中, 并且离得一样近, 则好好数权重


Important 是重要的意思  可以提升属性的权重

!important 并不是提升选择器的权重

!important 并不能提升继承的权重, 因为继承的权重为0, 也就是基数为0!

 

注意: 在工作环境, !important尽量少用

例题:

前端属性选择器的权重分析//蓝色,都没有选中p标签,而class为box1的div靠得更近。


前端属性选择器的权重分析//红色,并不能提升继承的权重。


前端属性选择器的权重分析//pink,权重一样,后面覆盖上面


前端属性选择器的权重分析//蓝色,都带有p标签则看权重,注意第一个选择器写错直接失效,故为蓝色。


前端属性选择器的权重分析//绿色


前端属性选择器的权重分析//绿色,并行选择器看其权重大者,二权重相等则覆盖;








相关文章:

  • 2021-09-24
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-12-15
  • 2021-12-13
  • 2021-11-16
  • 2021-10-12
猜你喜欢
  • 2021-05-30
  • 2022-12-23
  • 2021-04-27
  • 2021-07-23
  • 2021-12-04
  • 2022-02-16
相关资源
相似解决方案