使用群组选择器可通过逗号分隔多个选择器以共享样式，如h1, p, .class, #id, [type], :hover {color: red;}，支持标签、类、ID、属性及伪类组合，能减少重复代码、提升可维护性，建议注意语法完整与书写可读性。
在CSS中，如果你想同时选择多个不同的元素并应用相同的样式，可以使用群组选择器（也叫组合选择器）。它通过逗号（,）将多个选择器分隔开来，使它们共享同一组样式规则。
将多个选择器用逗号分开即可：
selector1, selector2, selector3 {例如，你想让 h1、p 和 div 都显示为红色文字：
群组选择器不限于标签选择器，你可以混合使用各种类型：
立即学习“前端免费学习笔记（深入）”；
h1、p
.highlight
#header
[type="text"]
:hover
示例：同时给标题、特定类和ID设置字体加粗：
h1, .important, #main-title, [data-type="notice"], a:hover {使用群组选择器可以减少重复代码，提高CSS的可维护性。
格式优化示例：
h1,以上就是在css中选择多个元素组合选择器的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
195
收藏
