jiedinghui 2020-04-20
在进行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是数字)导致文字不是自己预期的效果,所以不推荐使用通配符。
background-color: blue;background-color: yellow;<input type="button" value="变蓝" @click="changeColorT