热门关键字:
jquery > jquery教程 > jquery教程 > .群组选择器(所有浏览器都支持)

.群组选择器(所有浏览器都支持)

372
作者:管理员
发布时间:2020/11/23 18:32:11
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=2985

当几个元素样式属性一样时,可以共同调用一个声明,元素之间用逗号分隔。群组选择器是将具有相同样式的元素分组在一起,每个选择器之间使用逗号“,”隔开,这个逗号告诉浏览器,规则中包含多个不同的选择器,如果不有这个逗号,那么所表达的意就完全不同了,省去逗号就成了我们前面所说的后代选择器,这一点大家在使用中千万要小心加小心。

<!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选择器?css3中5种常见的基本选择器(代码实例)的详细内容,更多请关注我!!!





如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:css
友荐云推荐