将两个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;
}

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

Answer 2

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

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

Answer 3

这样的事情：

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

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