这样编写代码后为何“胆小如鼠”显示为红色

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

一页天书

2016-07-26 17:09

在第八行加入了.first,#second>span{color;green}

写回答 关注

8回答

  • 把葫芦咬哭
    2016-09-02 14:33:44

    和选择器的优先级有关。分组选择器 优先于标签选择器 。

  • 把葫芦咬哭
    2016-09-02 12:37:59

    因为#second>span{color;green}是一个id选择器,只作用于id等于second的标签里的span标签

  • 慕粉3791758
    2016-08-08 23:39:48

    我开始也在想这个问题,想通了.

    就近原则,胆小如鼠靠近的是span,遵循h1,span{color:red;}


  • 慕桂英3588515
    2016-07-28 14:46:57

    因为,如果通用选择器和标签选择器、子一代选择器等共存的话,浏览器会优先处理变迁选择器。所以胆小如鼠那几个字是红色。

  • dogelover
    2016-07-26 17:39:21

    应该是.first>span,#second>span{};

  • duskrain
    2016-07-26 17:29:36

    将第7行的h1,span{color:red;}删除试试

    duskra... 回复一页天书

    我想你的疑问应该是觉得<p>这一整段的权值应该为10(即类first),所以觉得权值为1的<span>应该被覆盖,对吧?你还记得继承这一性质吗,在“胆小如鼠”这里比较的应该是是span(权值为1)和从first中继承的(权值为0.1),所以表现的应该是span的颜色即红色。希望这个答案可以帮到你

    2016-07-28 18:12:26

    共 2 条回复 >

  • 慕瓜5845726
    2016-07-26 17:25:56

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

    这条代码相当于:

    .first{color:green;};

    #second>span{color:green;};

  • 慕粉3692206
    2016-07-26 17:22:38

    .first后面也要加>span

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

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

1226116 学习 · 18236 问题

查看课程

相似问题