为什么css初始化中不推荐使用 *(通配符)

在进行css初始化的时候,因为我们图方便而使用了

*{}

为什么不推荐使用:这里我个人理解涉及到css权重问题

举例说明:

1.

<style>
  div{
    color:red;
  }
</style>
<div>
  <span></span>
</div>

  当span不进行样式设置的时候会继承父类,而这里span的父类是div,如上所示,div的color是红色,则span中的字体颜色为红色

2.

<style>
  *{
    color:green;
  }
  div{
    color:red;
  } 
</style>
<div>
  <span></span>
</div>

  此时运行的结果为green色,原因是*(通配符)的权重是0,而继承的权重是NULL所以 0 > NULL(起码0是数字)导致文字不是自己预期的效果,所以不推荐使用通配符。

相关推荐