[分享]css两个元素公用

在CSS中，有时候我们需要让两个不同的元素共用一些样式，这时候就需要用到一些CSS技巧了。下面我们来介绍两种常用的方法：第一种方法是使用逗号分隔符。.elementa, .elementb { fon...

在CSS中，有时候我们需要让两个不同的元素共用一些样式，这时候就需要用到一些CSS技巧了。下面我们来介绍两种常用的方法：

第一种方法是使用逗号分隔符。

.element-a,
.element-b {
  font-size: 14px;
  color: #333;
} 

上面的代码中，我们使用了逗号分隔符将两个元素的样式写在了一起，这样它们就共用了这些样式。

第二种方法是使用类名。

.shared-style {
  font-size: 14px;
  color: #333;
}

.element-a, .element-b {
  /* 两个元素共用 .shared-style 样式 */
  @extend .shared-style;
} 

上面的代码中，我们首先定义了一个类名为 shared-style 的样式，然后使用 Sass 中的 Extend 功能，将两个元素的样式继承了这个类名，这样它们就共用了这些样式。

以上就是两种常用的让两个元素共用样式的方法，根据实际情况选择合适的方法使用即可。