p{color:red;}
.first{color:green;}/*因为权值高显示为绿色*/
span{color:pink;}/*设置为粉色*/
<h1>勇气</h1>
<p class="first">三年级时,我还是一个<span>胆小如鼠</span>的小女孩,
.first权值确实高,但是当它作用到span里面就属于继承,继承权值是最低的,有的文献说权值只有0.1,继承权值(0.1)和p span{color:purple} 标签的权值(1+1=2)相比较还是p span的权值高,所以显示为紫色。
刚好跟楼主一样的问题
span{color:pink;}/*设置为粉色*/
.first{color:green;}/*因为权值高显示为绿色*/
我将这个顺序调换了一下输出结果“胆小如鼠”也是粉色,我想也许<span>标签是嵌套在类.first里面,故而类.first作用不到<span>标签上
<p>和<span>都是标签,他们的权值都是1,是相同的哦。
就近原则啊,<span>离的最近