Xj之王
2016-05-27 19:27
分组选择符,可以理解为:群体选择器,你仔细回想一下,咱们前面学习的几个选择器,都是选择同种元素的选择器,比如子选择器--.①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,当然啦,如果还有别的元素,你还可以加进去,用逗号分开就好了!
希望你看完以后自己去打一遍代码!咱们以后的工作就是“敲代码”,光看不敲是不行的,怎么看都学不明白,教程读百遍,不如自己敲一遍!
span,.first{color:green;}
.first,#second span{
color:green;
}
分组选择符就是用来给多个具有相同属性的的元素来设定属性,不需要多次重复输入一样的代码,节省了工作量
初识HTML(5)+CSS(3)-升级版
1225812 学习 · 18234 问题
相似问题