                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

权值问题，没计算明白，求解答

p{color:red;}

.first{color:green;}

p>span{color:purple;}

span{color:pink;}

第一行权值为1，第二行权值为10，第三权值为2，第四行权值为0.1，为啥显示的是紫色？而不是绿色？难道是在类选择器的基础上在进行包含选择，所以权值为12 ，显示紫色么？不是很明白权值的计算操作

慕斯529798

2018-07-22

源自：初识HTML(5)+CSS(3)-升级版 9-3

关注问题我要回答

1113

操作

收起

6 回答

qq_分流_0
2018-08-14

先比较范围若范围不一样则以小范围优先若范围一样比较权值权值大优先权值一样内联式优先

比如p>span这个子选择器的意义是p标签的第一代子标签<span>全为紫色我们先来看范围

这个p>span标签的范围和上面span的作用范围一样所以比较权值明显看出前者大所以为紫色

再看p和.first范围一样比较权值明显.first大所以整体为绿色

又因为span的作用范围小所以颜色不受大范围的标签控制

个人理解错误请纠正

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

慕沐4974640
2018-07-22

别去纠结了，先往后面学，就算是不会等你开发的时候又不得非要这样子

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

见风如你ym思念成疾
2018-07-22

span用了后代选择器，p中所有的span都是紫色的

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

肥宅风见啸
2018-07-22

额，那个第三个是子代选择器，它的权值高于同一级其他的，具体的可以参照CSDN的这篇文章https://blog.csdn.net/MYTLJP/article/details/78208465

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

#1

肥宅风见啸

也不能叫其他的，应该说是略高于基本选择器

2018-07-22 回复有任何疑惑可以回复我~

慕标9784486
2018-07-22

第三行写错了，所以权值也不是2，第三行应该写为p span{color:purple;}才行

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

举报

0/150

提交

取消

初识HTML(5)+CSS(3)-升级版

参与学习 1222197 人
解答问题 18206 个

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

本课相似问答

4 回答权值计算问题

4 回答权值不明白

3 回答关于权值计算

2 回答子选择器权值计算

1 回答权值的大小计算是不是有问题?

搜索更多本课相关问答

权值问题，没计算明白，求解答

我要回答关注问题

意见反馈帮助中心 APP下载