怎么解决啊

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

Xj之王

2016-05-27 19:27

分组选择符
写回答 关注

4回答

  • 魔法师学徒虎伢
    2016-05-30 09:56:44

    分组选择符,可以理解为:群体选择器,你仔细回想一下,咱们前面学习的几个选择器,都是选择同种元素的选择器,比如子选择器--.①div>p{color:red;}:选择父元素(class为div)的所有子一代元素p,并将其字体颜色设置为red,这里选择的都是p元素,再比如包含选择器--.②div p{color:red;}:选择父元素(class为div)下的所有p元素,并将它们字体颜色设置成red。你看看是不是选择的都是同一种元素p,此时你还想选择一下别的元素,比如span、em、h1、等等的不同元素,都设置其字体颜色为红色,以咱们以前学习的选择器,你是不是要重新打一行代码,就像这样--.③.div span{color:red;}是吧?!

    又打了一行代码是不是感觉很烦啊,这时群体选择器的作用就体现出来了,可以将②③两段代码合并

    为------.div p,span{color:red;},这段代码的意思就是将父元素(class为div)下的所有p元素和span元素的字体颜色同时设置为red,当然啦,如果还有别的元素,你还可以加进去,用逗号分开就好了!

    希望你看完以后自己去打一遍代码!咱们以后的工作就是“敲代码”,光看不敲是不行的,怎么看都学不明白,教程读百遍,不如自己敲一遍!

  • qq_温哥华_03421733
    2016-05-29 10:43:39

    span,.first{color:green;}

  • 慕函数8372387
    2016-05-27 19:42:08

    .first,#second span{

        color:green;

    }


  • Alexmanda
    2016-05-27 19:33:50

    分组选择符就是用来给多个具有相同属性的的元素来设定属性,不需要多次重复输入一样的代码,节省了工作量

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

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

1225315 学习 · 18230 问题

查看课程

相似问题