码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2020-04-20 15:48:51      阅读:110      评论:0      收藏:0      [点我收藏+]

标签:red   字体颜色   样式   为什么   class   设置   数字   通配符   文字   

在进行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是数字)导致文字不是自己预期的效果,所以不推荐使用通配符。

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

标签:red   字体颜色   样式   为什么   class   设置   数字   通配符   文字   

原文地址:https://www.cnblogs.com/ayong6/p/12737792.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!