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