p span.warning{color:purple;} /*权值为1+1+10=12*/————这句话什么意思?
是不是应该是这样?
p span .warning{color:purple;} /*权值为1+1+10=12*/
求大神解答
你只要知道 在p标签里面的 class="warning" 的span标签 p的权值是1 span 的权值是1 .warning的权值是10 权值越高就应用对应的效果!
这句话什么意思:标签选择器的权值1+标签选择器的权值1+类选择器的权值10=12
第一句不带空格:p标签下的span标签,并且span标签中带有warning类
<p>
<span class="warning">
</span>
</p>
第二句带空格:p标签下的span标签,span标签下的内联标签比如a
<p>
<span>
<a class="warning"></a>
</span>
</p>
.example .pp中间用空格隔开,表示后代选择器,选择的是.example内的.pp。
例如:
<div class="example"> <div class="pp">被选择的元素</div> </div>
.example.pp选择的是class中同时包含example和pp的元素。
例如:
<div class="example pp"> 被选择的元素 </div>
应该能懂了吧~
你就理解成先找到p,这时候权值是1,再找到p里面你的span,这时候更准确了,就是2,再找到更里面的类名,就加10。但是有前提,这是对同一标签来说。
标签选择器的权值为1,类选择器的权值为10,ID选择器的权值为100,总是执行权值高的语句。应该是这样。
p标签里面的 class="warning" 的span标签