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

.first,#second>span{color:green;}和.first,span{color:green;}都能达到效果，实际可以这么写吗？

温水里的小白

2016-05-15

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

关注问题我要回答

622

操作

收起

4 回答

魔法师学徒虎伢
2016-05-30

意思是不一样的，你第一个选择器的意思是：选择class为first的元素和id为second的元素下的子一代span元素！

第二个选择器的意思是：选择class为first的元素和span元素（页面中所有的span元素都会被你选择，而第一个选择器是选择secend元素下的子一代span元素）！

选择器的内容需要自己耐心看的，多想一想，思考一下，语法很重要！因为代码这门语言就是这样，不同的代码可以达到相同的效果，但是他们的含义却大相径庭！

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

收起回答

乐乐Yami
2016-05-17

.first,#second>span{color:green;}以后第一行的“胆小如鼠”还是红色，是因为#second>span对<span>中的内容做了限制，只把第二行的<span>改为绿色，

.first,span{color:green;}是把两段里面所有的<span>改为绿色

没有优先级之说，之说后面的操作会覆盖前面的操作

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

收起回答

fpan
2016-05-16

不同的。在只是添加.first,#second>span{color:green;}的情况下，第一段中<span>的内容是红色。如果只添加.first,span{color:green;}，这时就符合要求了。

那么问题来了，选择器是有级别顺序的吗？有谁可以解答一下。

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

收起回答

qq_m玄子O_0
2016-05-15

可以，但是两个语法不同

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

收起回答

0/150

提交

取消

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

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

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

进入课程

本课相似问答

3 回答.first,#second span{color:green;}和.first,span{color:green;}

7 回答.first,.second span{color:green;}

1 回答.first,#second span{color:green;}

2 回答.first,#second span{color:green;}

2 回答.first,#second>span{ color:green; }这么写可以吗？

搜索更多本课相关问答

.first,#second>span{color:green;}和.first,span{color:green;}都能达到效果，实际可以这么写吗？

我要回答关注问题

热搜

最近搜索清空

.first,#second>span{color:green;}和.first,span{color:green;}都能达到效果，实际可以这么写吗？

4 回答

本课相似问答

.first,#second>span{color:green;}和.first,span{color:green;}都能达到效果，实际可以这么写吗？