p span{color:purple;}这个权限值是不是2? p>span{color:purple;}这个权限值是不是还是2? .first>span{color:purple;}这个权限值是不是11? 请大神指点一下
p和span 都是标签元素,标签元素权值为1,所以p span{color:purple;} 权值为1+1=2, >的权值为0 ,.first类选择器的权值为10 , 所以,p>span{color:purple;}权值为2, .first>span{color:purple;}权值为11。
是这样的
内联样式表的权值最高 1000
ID 选择器的权值为 100
Class 类选择器的权值为 10
HTML 标签选择器的权值为 1
p span{color:purple;}是两个html标签选择器,所以权值1+1=2,p>span应该也是2,
.first>span{color:purple;}中有一个class类和一个html标签,所以是10+1=11
权值就是对照权值表将出现的选择器各个权值相加,如#first>span就是100+1=101
class类可以多个,假设#first .second就是100+10=110,我理解的就是这样了,
理解不透彻可以在百度上找多个人的说法总结一下。而且我记得这个权值计算在前面9-2小节有说过。
class和id计算为10和100其余按1算。
p{color:red;} /*权值为1*/ p span{color:green;} /*权值为1+1=2*/ .warning{color:white;} /*权值为10*/ p span.warning{color:purple;} /*权值为1+1+10=12*/ #footer .note p{color:yellow;} /*权值为100+10+1=111*/
注意:还有一个权值比较特殊--继承也有权值但很低,有的文献提出它只有0.1,所以可以理解为继承的权值最低。
根据课堂上的介绍,您的回答没有问题.p span{color:purple;} 权限2
p>span{color:purple;} 权限2
.first>span{color:purple;}权限为10+1=11