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

这里有疑问

不应该是绿色吗？

.first的权值更高才对呀

.first{}不是应该权值为10吗

p span{}不是2吗

表示没看懂。

qq_挖哈哈_0

2018-07-26

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

关注问题我要回答

1616

操作

收起

8 回答

qq_生活不允許你的軟弱_311
2018-08-15

在不定义span的css样式时，span会继承p父元素的css样式，开始的时候定义了span的css样式为紫色，所以span胆小如鼠才会显示为紫色，然后用p span{color：purple;}定义span的css样式，在此时他的权值为2，而span{color：pink；}权值为1，所以span标签会显示为紫色。

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

qq_分流_0
2018-08-14

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

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

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

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

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

个人理解错误请纠正

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

qq_分流_0
2018-08-13

我的见解是这样的

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

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

20180813
2018-08-13

.first{}对象是p标签，span只是继承了p的样式权值应该是0.1吧，p span{}权值是2没错

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

上善ruo水
2018-08-02

个人认为绿色只匹配在<p>标签里，在没加“p span{color:purple;}”语句前，<span>只是继承，权值应该是1+0.1=1.2。为粉色；加上后权值为1+1+0.1=2.1。为紫色；

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

#1

sorry，那个1+0.1=1.1

2018-08-02 回复有任何疑惑可以回复我~

#2

那类选择器呢？权值不更大吗？

2018-08-02 回复有任何疑惑可以回复我~

#3

上善ruo水回复春风_过客

我觉得权值应该是同一个标签进行比较吧

2018-08-02 回复有任何疑惑可以回复我~

慕先生041531
2018-07-27

楼上正解

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

慕设计5074827
2018-07-26

p的权值1，.first的权值为10。但是.first赋值于P，所以p span{}的权值是10+1=11

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

#1

赞同这位的说法

2018-08-05 回复有任何疑惑可以回复我~

慕无忌6526156
2018-07-26

!important是独立于此规则的最高权限。

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

#1

叶子叶子花

弱弱问一下..这句话是什么意思呀..

2018-08-06 回复有任何疑惑可以回复我~

#2

iMOOCER_ 回复叶子叶子花

!important规则即使选择器优先级最高

2018-08-06 回复有任何疑惑可以回复我~

#3

叶子叶子花回复 iMOOCER_

嗯嗯谢谢啦

2018-08-06 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

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

参与学习 1225812 人
解答问题 18234 个

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

本课相似问答

5 回答这一章里面的疑问

4 回答有些疑问！

2 回答有点小疑问

2 回答有个小疑问

2 回答对答案有疑问

搜索更多本课相关问答

这里有疑问

我要回答关注问题

意见反馈帮助中心 APP下载