[分享]css两个元素一起选择

当我们需要同时对多个元素添加相同的样式属性时，可以使用CSS的“两个元素一起选择”的方法。该方法可以让我们在不重复编写CSS代码的情况下，轻松地将样式属性应用到多个元素上。例如：我想将所有的h1和h2...

当我们需要同时对多个元素添加相同的样式属性时，可以使用CSS的“两个元素一起选择”的方法。该方法可以让我们在不重复编写CSS代码的情况下，轻松地将样式属性应用到多个元素上。

例如：我想将所有的h1和h2元素的字体样式改为红色和粗体，可以这样写CSS代码：

h1, h2 {
    color: red;
    font-weight: bold;
}

这里使用了逗号分隔符来分隔选择器。也就是说，我们将h1和h2元素放在同一个CSS规则中，并在它们前面添加逗号作为分隔符。 

另外，我们也可以使用“通配符选择器”来选择多个元素。通配符选择器用“*”表示，它可以选择所有元素。例如：

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

这里我们将所有元素的外边距、内边距和盒模型设置为了0。这样可以使不同的元素具有相同的盒模型，方便进行布局和设计。 

需要注意的是，使用“两个元素一起选择”的方法时，我们应尽量避免使用过多的选择器。因为当我们使用过多的选择器时，页面的性能可能会受到影响。所以我们在编写CSS代码时需要认真思考，尽量用最少的代码实现相同的效果。