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

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

小竹摇曳

2016-09-07 10:50

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

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

写回答 关注

6回答

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

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

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

    小竹摇曳 回复慕粉3930...

    亲,你的答案好像也不对,我重新试了一下,id选择器的权值比较高,我把类选择器也换成了id选择器但是效果仍是一样的,你看下图,在最后的回答里

    2016-09-07 14:42:29

    共 5 条回复 >

  • 枯木里有龙吟
    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文档中只能使用一次,仅一次,在第二段的“简单”上生效了,就没了。那么第一段的“胆小如鼠”就只设置了一个样式,没有优先级可言

    小竹摇曳 回复枯木里有龙吟

    对第一段样式有影响的是h1,span{}和.first{}里面的内容,你的意思是类选择器.first{}进行了第二次渲染,没有问题,但是第一段span里的内容不是绿的,是红的。

    2016-09-07 14:36:12

    共 6 条回复 >

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

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

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

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

    小竹摇曳

    按照你这么写第一段就span标签里面的是绿色,其他的都设置不上颜色了

    2016-09-07 11:09:01

    共 1 条回复 >

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

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

1225294 学习 · 18230 问题

查看课程

相似问题