夜半1
2016-04-05 21:46
*{color:red;}
p{color:green;}
<p>你<span>好</span></p>
通用选择器的权值是0,继承的权值是0.1。“好”字不是应该显示为green吗?
多个选择符应用与同一个元素时,权值高的优先显示;由继续而得到的样式没有权值的计算,它低于一切其他规则,如通用选择符*。
首先,p{}比*{}权值大 所以 显示绿色,但是<span>属于继承p标签的样式,而且继承的权值是最小的,所以他会显示成红色
“好”字要显示green属于继承p标签的样式,而继承是最低权值的。因此如果有另外的样式对比,肯定不会继承,所以好字显示red
*是匹配html中所有标签元素,它包括span,这样看来其实不用权值也能比较,span比p离的更近
*的级别比p 要搞一些额
你想<span>为GREEN要写出来的额
初识HTML(5)+CSS(3)-升级版
1225309 学习 · 18230 问题
相似问题