当几个元素样式属性一样时,可以共同调用一个声明,元素之间用逗号分隔。群组选择器是将具有相同样式的元素分组在一起,每个选择器之间使用逗号“,”隔开,这个逗号告诉浏览器,规则中包含多个不同的选择器,如果不有这个逗号,那么所表达的意就完全不同了,省去逗号就成了我们前面所说的后代选择器,这一点大家在使用中千万要小心加小心。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>群组选择器</title> <style> .demo { width: 200px; height: 200px; margin: 50px auto; background: #FF0000;
} p,li{ color: blue;
} .demo1,.demo2{ color: #fff;
} </style> </head> <body> <div class="demo"> <p>这里是一个段落!</p> <ul><li>列表</li></ul> <a href="#" class="demo1">链接一</a><br> <span class="demo2">文字文字!</span> </div> </body> </html>
效果图:
以上就是什么是css选择器?css3中5种常见的基本选择器(代码实例)的详细内容,更多请关注我!!!
如果您觉得本文的内容对您的学习有所帮助:
关键字:
css