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

.first,#second.span和.first,#second span为啥作用结果不同，.first,#second span{color:green;}时，简单变成了绿色，而.first,#secong.span{color:green;}简单没有变成绿色

.first,#second.span{color:green；}
.first,#second span{color:green；}

慕粉3684037

2016-10-16

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

关注问题我要回答

2115

操作

收起

5 回答

慕粉7047610
2017-08-26

.first,#second.span 是错误的表达不符合规则

.first,#second span 中间有空格则是.first和#second两者的子选择器

.first,#second span{color:green;}也同上

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

收起回答

qq_苔上雪_04205930
2016-10-23

前面讲到定义类选择器和ID选择器，定义时候用：.类名称和#类名称，但是没有谈到子标签的在分组调用时候的定义方式，而子选择器和包含选择器采用的方式没有 .first.span 和#second.span的方式，对于第一代下标签，可以>，对于任何一代下一级标签可以使用空格。所以说在CSS中直接定义类或者ID选择器的下一级标签时候逻辑上应该使用>和空格。

.first,#second > span{color:green；}

.first,#second span{color:green；}

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

收起回答

Lis丶
2016-10-20

先不论你有没有拼写错误,但是为什么你觉得能用"." .first,#second.span能在页面上找到“简单”的元素结点呢？

在WC3的定义的规定中, "."操作符是用来定义CSS的类名的,不能这样使用的！

是文中“简单”的文字颜色改变可以试试下面的方法：

.first,#second > span{color:green；}
.first,#second span{color:green；}

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

收起回答

qq_苔上雪_04205930

如果是.first span.coring 用法，后面这个点是first类下面span标签中ID为coring的标签吗？这种用法合理吗

2016-10-23 回复有任何疑惑可以回复我~

Lis丶回复 qq_苔上雪_04205930

"." 后面为什么会是ID呢？如果后面这个".coring"是span标签里面的某个标签的类那是可以这样用的。但是一个页面不建议存在一些权值较大的CSS样式，一方面是因为维护起来比较吃力，另一方面是，如果大量使用选择器对页面渲染速度也是有影响。所以当你可以用比(权值、数量)较小的选择器能解决问题的时候，何乐而不为？

2016-10-23 回复有任何疑惑可以回复我~