为了账号安全,请及时绑定邮箱和手机立即绑定

CSS样式中权限值的计算

p span{color:purple;}这个权限值是不是2? p>span{color:purple;}这个权限值是不是还是2? .first>span{color:purple;}这个权限值是不是11? 请大神指点一下

正在回答

6 回答

p和span 都是标签元素,标签元素权值为1,所以p span{color:purple;} 权值为1+1=2, >的权值为0 ,.first类选择器的权值为10 , 所以,p>span{color:purple;}权值为2, .first>span{color:purple;}权值为11。

0 回复 有任何疑惑可以回复我~
#1

曾经过的雨 提问者

非常感谢!子类的权值的确是0
2017-03-30 回复 有任何疑惑可以回复我~

是这样的

0 回复 有任何疑惑可以回复我~

内联样式表的权值最高 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小节有说过。

0 回复 有任何疑惑可以回复我~

class和id计算为10和100其余按1算。

0 回复 有任何疑惑可以回复我~

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,所以可以理解为继承的权值最低。


0 回复 有任何疑惑可以回复我~

根据课堂上的介绍,您的回答没有问题.p span{color:purple;} 权限2

p>span{color:purple;} 权限2 

.first>span{color:purple;}权限为10+1=11

1 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
初识HTML(5)+CSS(3)-升级版
  • 参与学习       1225285    人
  • 解答问题       18230    个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

CSS样式中权限值的计算

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信