请问这样为什么不可以的?
看到第二段id="second"了吗。
课上的代码中'second'是id的值,原文第13行
<p id="second">
而不是
<p class="second">
所以‘second’前面要用‘#’而不是‘.’。
若你的代码改成如下的,那么页面结果就对了。
.first,#second span{color:green;}
或者你将代码原文第13行:
<p id="second">
改为
<p class="second">
那么你的代码:
.first,.second span{color:green;}
保持不变,那么执行结果也会是对的了。
我想我这么回答应该解除了你的疑惑了吧?
由于你没有把你的代码放上来,所以前面作答的慕友们只针对你字面上的意思作答了,但他(她)们说的也是对的呢。只是没考虑你这行代码的出处,所以没能解答你的疑惑。
希望下次提问把代码也一同放上来吧~这样可以缩短解惑的时间哦~
顺祝学习愉快~大家一起在这个平台上加油~~~~
如果.first span{color:green;}之间你用的是空格的话,(后代选择器)代表在first类标签下的后代都用绿色,此时你会发现只有第一段的<span></span>之间的元素变成了绿色,换成“,”则代表first类标签下的元素以及所有span标签之间的元素为绿色。
后代元素只能指定唯一的父元素。如果为了方便,可以单独为多个span添加相同的class类。
不同的标签之间用空格分隔
是这样first,second,span{color:green;}
first和second的逗号用空格试试