问答详情
源自:8-10 给选择器分个组 - 分组选择器

选择器的问题?

.first,#second span{color:green;}[style里是这样子写的,也就是其中的类选择器中span标签里的文字变成绿色】,

但是body里是这样写的:<p class="first">三年级时,我还是一个<span>胆小如鼠</span>的小女孩,上课从来不敢回答老师提出的问题,生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>

问题一:为什么将class=“first”写在p标签里,而不是span标签里?

问题二:为什么不是span标签里的文字变绿,而是整段文字变绿?

问题三:id选择器的写法与上面类选择器写法一样,为什么只绿了span标签里的文字,而不是整段文字?


提问者:慕仔7569001 2018-03-14 20:33

个回答

  • 慕函数7423284
    2018-03-24 17:36:29

    问题一:如果将class=“first”定义在span标签里,那么在设置颜色的时候只会有span里的内容才会变颜色,其他没有span的语句就不会变色。

    问题二:跟问题一异曲同工,因为将class=“first”定义在了p标签里,所以在分组选择器定义颜色的时候是整个p(即整个段落)都变色。

    问题三:id选择器其实是后代选择器#second span(首先是id选择器然后空格加上span),在后代选择器里的所有span标签内的内容都会变色。

    希望能对您有帮助,共勉!

  • 慕函数7423284
    2018-03-24 17:23:01

    我也有你这个疑问,不知道你了解没有,懂了给我说下呗!

  • qq_G_101
    2018-03-14 23:34:53

    问题二因为是对span标签进行填色