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

为什么是紫色

p scan{color:blue;}
p>span{color:purple;}

慕粉3723761

2016-07-26

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

关注问题我要回答

1268

操作

收起

5 回答

FED_XTL
2016-07-27

scan是什么鬼。。。。

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

trajepl
2016-07-26

span。。。

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

trajepl
2016-07-26

' ' 和 '>'分别是后代选择器和子元素选择器显示为紫色是因为你俩个样式作用在了同一个区域上，就近原则最新的样式会产生覆盖。

p scan{color:blue !important}
p>span{color:purple}

这个时候由于！important 不会覆盖结果为蓝色

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

Haleclipse
2016-07-26

教程里不是说了吗，后者权值比较高呐，理解为“就近原则”

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

#1

慕粉3723761 提问者

权值不都是2吗 span{color:pink;}/*设置为粉色*/ p scan{color:blue;} 这个为什么是粉色

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

#2

流浪在海洋回复慕粉3723761 提问者

代码打错了，第二行应是span 你再看看效果

2016-07-28 回复有任何疑惑可以回复我~

zhaoysw
2016-07-26

这种属于CSS的层叠，会根据这些css样式的前后顺序来决定，处于最后面的css样式会被应用（可以理解为后面的覆盖前面的）。

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

#1

慕粉3723761 提问者

span{color:pink;}/*设置为粉色*/ p scan{color:blue;} 这个为什么是粉色

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

举报

0/150

提交

取消

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

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

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

本课相似问答

1 回答为什么颜色为紫色？

7 回答为什么是紫色的字

3 回答为什么第二段是红色不是紫色？

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

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

搜索更多本课相关问答

为什么是紫色

我要回答关注问题

意见反馈帮助中心 APP下载