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

为什么胆小如鼠不是绿色？

span是标签吧，.first是类选择符吧，类选择符的权值是大于标签吧，那为什么胆小如鼠还有自己的颜色，不应该是绿色么？

你你你什么鬼啊

2017-04-25

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

关注问题我要回答

1026

操作

收起

8 回答

san_heart
2017-04-25

特性性针对同一个元素设置了不同的css样式，而题主问的.first类选择符针对的是p标签，并非span标签，因为span标签应还是自己的样式，假若添加代码

span{color:pink;} 此权值为1

p span{color:blue}; p和span标签都应用了blue样式，但此权值为2

因此最终span样式应为blue样式

再假如 <span class="second">胆小如鼠<span>

span{color:pink;} 权值为1

.second{color:blue}; 权值为10

最终该span标签样式应为blue

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

Amanda123
2017-04-25

span 有自己的样式了，就不会继承first的了

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

weibo_请叫我503_0
2017-04-25

因为范围不一样啊，范围不一样就近原则

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

下雨天34
2017-04-25

span的权值低

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

Hoo86
2017-04-25

因为span标签并不是class类。要是这样写<span class=“first”>他就是绿色的；

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

jok9300
2017-04-25

这不是CSS的层叠特性，是继承特性，span没有css就会继承.fitst的特性，现在span有css了当然用自己的

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

夏目君3328594
2017-04-25

第一张图下方有一段话，继承的权值很低。因此<span>的权值比继承的.first高，显示粉色。

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

#1

qq_向日葵_60

对的对的

2017-04-25 回复有任何疑惑可以回复我~

#2

qq_向日葵_60 回复 qq_向日葵_60

对的对的

2017-04-25 回复有任何疑惑可以回复我~

#3

继承没有“叠加性”吗？继承如果只有0.1的话，但是从.first那里继承过来，不是100+0.1而是只要继承只有0.1吗？

2019-07-26 回复有任何疑惑可以回复我~

大神一只熊
2017-04-25

<span>标签嵌套在<p>标签里面，所以属于继承哦，继承的权值是非常低的。

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

举报

0/150

提交

取消

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

参与学习 1225768 人
解答问题 18233 个

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

本课相似问答

7 回答为什么“胆小如鼠”显示不是绿色而是紫色？

7 回答为什么胆小如鼠是粉色，不是绿色权值更高吗？

5 回答胆小如鼠为什么是粉色？

2 回答胆小如鼠为什么是紫色

6 回答请教“胆小如鼠”不变为绿色的原因？

搜索更多本课相关问答

为什么胆小如鼠不是绿色？

我要回答关注问题

意见反馈帮助中心 APP下载