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

.first,#second>span{color:green;}和.first,span{color:green;}都能达到效果,实际可以这么写吗?

.first,#second>span{color:green;}和.first,span{color:green;}都能达到效果,实际可以这么写吗?



提问者:温水里的小白 2016-05-15 21:40

个回答

  • 魔法师学徒虎伢
    2016-05-30 10:05:01

    意思是不一样的,你第一个选择器的意思是:选择class为first的元素和id为second的元素下的子一代span元素!

    第二个选择器的意思是:选择class为first的元素和span元素(页面中所有的span元素都会被你选择,而第一个选择器是选择secend元素下的子一代span元素)!

    选择器的内容需要自己耐心看的,多想一想,思考一下,语法很重要!因为代码这门语言就是这样,不同的代码可以达到相同的效果,但是他们的含义却大相径庭!

  • 乐乐Yami
    2016-05-17 16:38:11

    .first,#second>span{color:green;}以后第一行的“胆小如鼠”还是红色,是因为#second>span对<span>中的内容做了限制,只把第二行的<span>改为绿色,

    .first,span{color:green;}是把两段里面所有的<span>改为绿色

    没有优先级之说,之说后面的操作会覆盖前面的操作


  • fpan
    2016-05-16 16:59:22

    不同的。在只是添加.first,#second>span{color:green;}的情况下,第一段中<span>的内容是红色。如果只添加.first,span{color:green;},这时就符合要求了。

    那么问题来了,选择器是有级别顺序的吗?有谁可以解答一下。

  • qq_m玄子O_0
    2016-05-15 21:45:10

    可以,但是两个语法不同