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

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

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

提问者:一页天书 2016-07-26 17:09

个回答

  • 把葫芦咬哭
    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;}删除试试

  • 慕瓜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