/* 语法 */ selector1, selector2 { property: value; } /* 示例1:同时设置所有标题的样式 */ h1, h2, h3, h4, h5, h6 { color: red; font-weight: bold; }
在上面的示例中,大家通过并集选择器来同时设置所有标题的颜色为红色,字重为加粗。这样可以节省时间,也使代码更加简洁。
/* 示例2:同时设置所有段落和链接的样式 */ p, a { font-size: 16px; line-height: 1.5; } /* 示例3:同时设置导航栏菜单项和按钮的样式 */ .nav-item, .button { background-color: #555; color: #fff; padding: 10px 20px; border-radius: 5px; }
在示例2和示例3中,大家也使用了并集选择器来同时设置多个元素的样式。这样可以使CSS文件更加简洁,易于管理和维护。
总之,CSS并集选择器可以让大家在样式表中同时选取多个元素进行样式设置,使代码更加简洁、易于管理和维护。