html - 将两个 css 设置合并为一个

Question

我有以下 CSS:

.transaction-info {
    display: inline-block;
    margin-bottom: 20px;
}

.order-info {
    padding-left: 150px;
    display: inline-block;
    margin-bottom: 20px;
}

我想将它合并为一个，我该怎么做？

Answer 1

给你。

.transaction-info, .order-info { 
      display: inline-block; 
      margin-bottom: 20px; 
 }

.order-info {
      padding-left: 150px;
}

您可以使用 , 声明选择器，而不是在不同的选择器中重写相同的属性，然后声明具有相同值的公共(public)属性，rest，这是其他 所独有的class 可以单独声明，所以在这里，因为你有 display: inline-block; 和 margin-bottom: 20px; 它们是具有相同值的公共(public)属性, 你可以共同定义它们，其余的 padding-left: 150px; 可以单独声明为 .order-info