css两个公用一个样式

在开发网页的时候，我们经常会遇到一些需要重复使用样式的情况。这时候，我们可以使用CSS的“公用样式”功能来简化代码，提高开发效率。

具体来说，公用样式就是使用同一个样式代码将多个元素同时设置相同的样式。比如我们设置一个h1元素的颜色为红色，可以将这个颜色设为公用样式，然后在其他需要设置为红色的元素中引用该样式。这样就不必在每个元素里都写一遍重复的样式代码。

.color-red {
  color: red;
} 

在上面的代码中，我们定义了一个名为“color-red”的公用样式，将元素的颜色设置为红色。

接下来，我们可以在多个元素中引用该样式：

<h1 class="color-red">这是一个标题</h1>
<p class="color-red">这是一个段落</p>
<!-- ... --> 

注意，我们通常会将公用样式定义在样式表的最上方，这样在后面引用时就不用担心样式被覆盖的问题了。

总之，通过公用样式，我们可以减少样式代码的冗余，提高代码简洁度和可维护性，同时也提高了开发效率。