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

字体颜色没有改变,请求指导

http://img.mukewang.com/57cf80090001266203650268.jpghttp://img.mukewang.com/57cf802c000192e205310443.jpg

我把字号改大了一点方便查看效果,第一段span标签中的文字的颜色并没有改变,之前的优先级不是说就近原则的吗,为什么没有变呢,麻烦知道的指导一下。

提问者:小竹摇曳 2016-09-07 10:50

个回答

  • 慕粉3930173
    2016-09-07 11:02:55
    已采纳

    .first>span,#second>span{color:green;font-size:20px:}

    或者.first,#second span{color:green;font-size:20px:}

  • 枯木里有龙吟
    2016-09-07 14:45:39

    我的意思是第一段先被.first{}渲染成绿色,20px,到胆小如鼠时,胆小如鼠被span{color :red}二次渲染成了红色,你的问题是你以为你的代码是为两个span都设置了两个样式,看哪个会生效,实际上是,第一个span先被渲染成了绿色(这次是因为它是p标签的子标签,由于样式的继承性,也被渲染了),你设置的span{red}作用在了第一个标签上,#second>span{}作用在了第二个标签上

  • 小竹摇曳
    2016-09-07 14:43:17

    http://img.mukewang.com/57cfb6e00001ae0309700476.jpg

    为什么换了id选择器还是没有效果啊

  • 枯木里有龙吟
    2016-09-07 11:31:55

    ID选择器在HTML文档中只能使用一次,仅一次,在第二段的“简单”上生效了,就没了。那么第一段的“胆小如鼠”就只设置了一个样式,没有优先级可言

  • tmq3912120
    2016-09-07 11:14:39

    >设置的事类标签下的第一代子元素。

  • 静静07
    2016-09-07 11:04:28

    .first>span,#second>span{color:green;font-size:20px;}