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

求大神解答

图二图三都能达到图四的效果，请问下图三的这一段语言有没有错误呢？

星辰的泪

2018-06-13

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

关注问题我要回答

1029

操作

收起

4 回答

阳火锅回答被采纳 +2 积分
2018-06-13

这是有本质区别的，源代码是这样的.first,#second span{color:green;}，你的是把中间的#second删掉了。。你光看最后实现的效果是一样。其实你要知道#second span是代表第二段里面的span标签设置为蓝色。.first,span是代表所有的span设置为蓝色。。其实你这个可以分开写就能看出效果，例如：.first,span{color:blue}，你可以拆分为.first{color:blue},span{color:red} 与 .first{color:blue},#second span{color:red}。。然后你运行再看看效果就明白了

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

#1

星辰的泪提问者

好的，谢谢大佬指点

2018-06-13 回复有任何疑惑可以回复我~

#2

慕桂英4105480

#是id=second选择符难道不是作用于整段<p>的文本吗？为什么可以指代第二段中<p>的<span>标签

2018-07-03 回复有任何疑惑可以回复我~

#3

Gaberial 回复慕桂英4105480

首先#second限定了作用于second命名的<p></p>中，也就是第二段，其次#second后面有空格，属于后代选择器，空格后是span，自然指代了第二段中的<span></span>了

2018-07-15 回复有任何疑惑可以回复我~

lalalaboom
2018-08-16

首先是优先级的问题，其次是如果不加ID选择器，就意味着文段中所有写了<span>标签中的内容都用了它的声明，因本题类选择器优先级最高，所以第一段的胆小如鼠是类选择器first的声明，而第二段并没有其他的<span>标签，因此你的图二和图三都能形成图四的效果

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

阳火锅
2018-06-13

看见没，把写法拆分一下。。设置不同颜色你就明白了

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

慕仰5314311
2018-06-13

没有错误。图三中的代码是分组选择器的样例

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

#1

星辰的泪提问者

请问下图二的ID选择器怎么跟前面几章学过的不一样

2018-06-13 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

初识HTML(5)+CSS(3)

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

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

本课相似问答

1 回答求大神解答

5 回答求大神解答

2 回答求大神解答

4 回答求大神解答

4 回答大神求解答

搜索更多本课相关问答

求大神解答

我要回答关注问题

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号