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

什么p span的紫色覆盖了类选择器的绿色，类选择器的权值不是更高吗

qq_哎呀小师傅_0

2019-02-25

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

关注问题我要回答

1326

操作

收起

2 回答

慕粉3324731
2019-03-01

非常抱歉啊，记错了。。捂脸

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

收起回答

嗯嗯3589910

你没记错，标签的权值为1、类选择符的权值为10、ID选择符的权值最高为100是没错的，你理解错的是继承的概念：题里span标签继承的是类选择器的属性，这种继承关系导致当前情况下span本身的权值很低，所以就算只用span标签的粉色也能把绿色覆盖，之后p span的紫色明显权值2更高，理所当然覆盖

2019-03-06 回复有任何疑惑可以回复我~

慕粉3324731
2019-02-25

类选择器的权值是1，ID选择器的权值是10，标签的权值最大100.

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

收起回答

qq_哎呀小师傅_0 提问者

标签的权值为1，类选择符的权值为10，ID选择符的权值最高为100。

2019-02-25 回复有任何疑惑可以回复我~

天马行空12138

你这不是误导别人么。类选择器权值是10，ID选择器是100，标签权值是1，这里之所以覆盖了类选择器的绿色，是因为这个类选择器的颜色是针对P标签，而span是这个P的子标签，span的绿色就属于继承，而继承的权值很低，只有0.1，所以会被p span这种后代选择器的样式覆盖

2019-02-28 回复有任何疑惑可以回复我~

0/150

提交

取消

初识HTML(5)+CSS(3)

参与学习 1229677 人
解答问题 19084 个

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

进入课程

本课相似问答

8 回答标签选择器权重不是1吗，类选择器权重是10，那为什么"p span{color:purple;}"能显示出来紫色而不是被权重更大的类选择器显示绿色

2 回答类选择器不是10么，怎么覆盖不了权值2的呢？

4 回答子选择器只能在类选择器使用吗？为什么ID选择器后面加上>span{}的情况跟类选择器不同？如下代码，second段落的两个span都变绿色了

4 回答此处标记选择器span的权值低于类选择器.first的权值，为什么显示span的属性？？

2 回答.first{color:green;}/*因为权值高显示为绿色*/不是应该是权限最高的吗因为是类选择器啊，有怎么会让p span{color:purple;}生效呢

搜索更多本课相关问答

什么p span的紫色覆盖了类选择器的绿色，类选择器的权值不是更高吗

我要回答关注问题

热搜

最近搜索清空

什么p span的紫色覆盖了类选择器的绿色，类选择器的权值不是更高吗

2 回答

本课相似问答

什么p span的紫色覆盖了类选择器的绿色，类选择器的权值不是更高吗