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

.first{color:green;}这个权值是10 p span{color:purple;} 这个权值是2 为什么胆小如鼠会变成紫色呢

.first{color:green;}这个权值是10

p span{color:purple;} 这个权值是2

为什么胆小如鼠会变成紫色呢

qq_慕九州0350900

2021-03-12

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

关注问题我要回答

845

操作

收起

2 回答

柒无忧
2021-04-08

继承的权值很低，除非元素本身没有样式，否则可以忽略继承来的样式

多个样式作用于同一个元素的时候，以权值确定使用哪个样式

这里p span{color: purple;}才是直接作用于"胆小如鼠"这个元素的

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

收起回答

信风信
2021-03-12

.first{color:green;}这个权值是10,没错，但是继承到p span这里来就很小了，所以显示紫色

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

收起回答

0/150

提交

取消

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

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

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

进入课程

本课相似问答

2 回答#second .first span{color:purple;}为什么胆小如鼠没有变紫色，权值100+10+1

8 回答span{color:pink;} span{color:purple;} 为什么是结果胆小如鼠是紫色的呢，这两个权重不是一样吗？

2 回答p.first span{color:purple;}胆小如鼠就显示紫色。但p空格.first span{color:purple;}就不生效。为什么？

3 回答.first{color:green;}权值等于10 ，p span{color:purple;} 权值等于2，题目输入之后为何还是显示purple

5 回答span的权值只有1，低于.first，为什么“胆小如鼠”是span的颜色，不是.first的颜色

搜索更多本课相关问答

.first{color:green;}这个权值是10 p span{color:purple;} 这个权值是2 为什么胆小如鼠会变成紫色呢

我要回答关注问题

热搜

最近搜索清空

.first{color:green;}这个权值是10 p span{color:purple;} 这个权值是2 为什么胆小如鼠会变成紫色呢

2 回答

.first{color:green;}这个权值是10,没错，但是继承到p span这里来就很小了，所以显示紫色

本课相似问答

.first{color:green;}这个权值是10 p span{color:purple;} 这个权值是2 为什么胆小如鼠会变成紫色呢