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

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

来源：8-10 给选择器分个组 - 分组选择器

慕粉3684037

2016-10-16 17:57

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

写回答关注

5回答

慕粉7047610

2017-08-26 14:31:25

.first,#second.span 是错误的表达不符合规则
.first,#second span 中间有空格则是.first和#second两者的子选择器
.first,#second span{color:green;}也同上

0 0
qq_苔上雪_04205930

2016-10-23 21:41:24

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

0 1
Lis丶

2016-10-20 12:45:23
先不论你有没有拼写错误,但是为什么你觉得能用"." .first,#second.span能在页面上找到“简单”的元素结点呢？
在WC3的定义的规定中, "."操作符是用来定义CSS的类名的,不能这样使用的！
是文中“简单”的文字颜色改变可以试试下面的方法：
```
.first,#second > span{color:green；}
.first,#second span{color:green；}
```
2 1

Lis丶回复qq_苔上雪...

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

2016-10-23 23:32:34

共 2 条回复 >
慕粉4084902

2016-10-16 18:07:28

.first,#secong.span{color:green;}里面second拼写错误

0 0
初音控desu

2016-10-16 18:02:25

格式不对。只有class=“xxx”用class定义的能用。

0 0