权重比较


css中权重比较


为什么要产生权重呢?

主要是因为在css编写过程中,如果对所有的标签单独进行定义的话,会产生大量的代码,照成编码冗余,而使用选择器的话就会减少代码量,但在使用选择器的时候,会出现一个标签被多个选择器同时选定了,那么如何确定这个标签到底该如何描述,这就涉及到权重的比较了。


  • 如果没有选择器选择了一个标签的时候,就采取就近原则,离他最近的描述的那个选择器对标签进行描述,如果多个标签的最近描述都是一个东西的情况下,就进行权重数值比较(下文描述)
  • 如果有选择器对标签描述的话,就直接进行权重比较,同权重值就以最近为确定描述

如何进行权重比较

!important 1000
id选择器 100
class选择器 10
标签选择器 1
进行相加就是权重值
权重比较示意图

原文地址:https://www.cnblogs.com/xiayu1996/p/7077419.html