.first,#second span{color:red} 它只是对span标记为什么那一段都会变色？-慕课网

首页课程实战体系课手记专栏慕课教程

.first,#second span{color:red} 它只是对span标记为什么那一段都会变色？

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

NNevercurtain

2016-03-05 16:06

如 .first,#secoond span{color:red}

<p class="first">............<span>花儿</span>.......</p>我觉得应该是span包含的花儿变色，可是全段都是红色

<p id="second">.....,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,....<span>简单</span>,,,,,,,,,</p>这里是段落中间的简单变色怎么不是全段变？

写回答关注

5回答

天马行空2015

2016-03-05 16:21:03

.first,#second span{color:red},你的.first是类选择，对第一段整段变色；#second span是id选择+后代选择，是对id=second下的span后代变色，所以就只是第二段的简单变色了。

0 1
Z___

2016-03-05 16:19:35

.first是第一段整个p元素的类，#second span你只是让id为second的p元素中的span变色

0 0
yuriy

2016-03-05 16:19:08

.first,#second span{color:red}
‘,’是分组选择器，你分了2组，分别是.first和#second span,所以你前面那组选择的是类名为first的<p>整段

0 0
likar

2016-03-05 16:15:47

哥们，再仔细看下你的样式选择器 .first（这个是选择第一段一整段） #secoond span（这个是选择第二段里边的子元素span）

0 0
qq__3520

2016-03-05 16:14:09

class是类所以整段红色 ID是ID

0 0

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

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

1225806 学习 · 18234 问题

相似问题

h1,span{color:red;} .first,#second>span{color:green}

回答 5

.first span{color:red;}和.first>span{color:red;}

回答 2

#second span,.first和.first,#second span写法一样的吧？

回答 3

为什么同时对first和second操作，first后是整段变成绿色，而second只有<span>之间变成了绿色？

回答 4

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

回答 3

打开慕课网App查看更多内容