求大神解答

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

星辰的泪

2018-06-13 14:21

5b20b7b90001391403890136.jpg

5b20b7ba0001b52102950046.jpg

5b20b7ba0001e19f02170028.jpg

5b20b7ba0001896f03690201.jpg

图二图三都能达到图四的效果,请问下图三的这一段语言有没有错误呢?


写回答 关注

4回答

  • 阳火锅
    2018-06-13 15:24:43
    已采纳

    这是有本质区别的,源代码是这样的.first,#second span{color:green;},你的是把中间的#second删掉了。。你光看最后实现的效果是一样。其实你要知道#second span是代表第二段里面的span标签设置为蓝色。.first,span是代表所有的span设置为蓝色。。其实你这个可以分开写就能看出效果,例如:.first,span{color:blue},你可以拆分为.first{color:blue},span{color:red}    与  .first{color:blue},#second span{color:red}。。  然后你运行再看看效果就明白了

    Gaberi... 回复慕桂英410...

    首先#second限定了作用于second命名的<p></p>中,也就是第二段,其次#second后面有空格,属于后代选择器,空格后是span,自然指代了第二段中的<span></span>了

    2018-07-15 22:48:44

    共 3 条回复 >

  • lalalaboom
    2018-08-16 10:53:08

    首先是优先级的问题,其次是如果不加ID选择器,就意味着文段中所有写了<span>标签中的内容都用了它的声明,因本题类选择器优先级最高,所以第一段的胆小如鼠是类选择器first的声明,而第二段并没有其他的<span>标签,因此你的图二和图三都能形成图四的效果

  • 阳火锅
    2018-06-13 15:27:35

    https://img2.mukewang.com/5b20c72200011a6203370180.jpg 看见没,把写法拆分一下。。设置不同颜色你就明白了

  • 慕仰5314311
    2018-06-13 15:00:53

    没有错误。图三中的代码是分组选择器的样例

    星辰的泪

    请问下图二的ID选择器怎么跟前面几章学过的不一样

    2018-06-13 15:10:49

    共 1 条回复 >

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

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

1228268 学习 · 18414 问题

查看课程

相似问题