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

在第11行输入p span{color:purple;}后第二段文字怎么是红色了，不应该是绿色吗？ .first{color:green;}/因为权值高显示为绿色/

在第11行输入p span{color:purple;}后第二段文字怎么是红色了，不应该两段文字都是是绿色吗？ .first{color:green;}/*因为权值高显示为绿色*/

军Jun1229

2019-04-12

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

关注问题我要回答

999

操作

收起

4 回答

慕田峪6078084
2019-07-03

一开始我也弄糊涂了，回头看下你会发现中间是空格意思是把p标签内的span标签字体颜色改变，逗号隔开才是分组选择，即把p和span都变成你设置的样式

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

收起回答

懒惰的云
2019-05-07

P span指的是段落p里面的元素span，空格表示所有子类都应用，这个格式的权值为2，虽然开头p{color：red}权值只为1，但是第二段没有span元素，虽然有id选择器但是id选择的style没有写，所以只能匹配到p{color：red}这一句，故第二段是红色的

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

收起回答

qq_LeslieT_ahvDO4
2019-04-12

第一段中的p后面使用的是类选择器，至于什么是选择器，你可以去复习一下，因为第一段用的是类选择器，.frist是绿色的，第二段中用的是id选择器，绿色是属于类选择器的，第二段中用p+id选择器，id选择器是没有颜色的，但是权值是1+10的，所以第二段是红色

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

收起回答

0/150

提交

取消

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

参与学习 1222587 人
解答问题 18209 个

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

进入课程

本课相似问答

1 回答p{color:red;} .first{color:green;}/*因为权值高显示为绿色*/ span{color:pink;}/*设置为粉色*/ p span{color:purple;} #second{color:blue;}

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

4 回答第一个span里颜色设置为红色，第二个颜色设置为绿色，最终会显示绿色？

1 回答#second,p{color:pink}应该权值最大，怎么第一段任然是绿色？

1 回答p span.first{color:green;}/*权值12*/文字会显示绿色吗？大神求解？？？

搜索更多本课相关问答

在第11行输入p span{color:purple;}后第二段文字怎么是红色了，不应该是绿色吗？ .first{color:green;}/因为权值高显示为绿色/

我要回答关注问题

热搜

最近搜索清空

在第11行输入p span{color:purple;}后第二段文字怎么是红色了，不应该是绿色吗？ .first{color:green;}/*因为权值高显示为绿色*/

4 回答

本课相似问答

在第11行输入p span{color:purple;}后第二段文字怎么是红色了，不应该是绿色吗？ .first{color:green;}/*因为权值高显示为绿色*/

在第11行输入p span{color:purple;}后第二段文字怎么是红色了，不应该是绿色吗？ .first{color:green;}/因为权值高显示为绿色/

在第11行输入p span{color:purple;}后第二段文字怎么是红色了，不应该是绿色吗？ .first{color:green;}/因为权值高显示为绿色/