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;
}

您可以使用 a 来声明选择器，而不是在不同的选择器中重写相同的属性，,而不是在其中声明具有相等值的公共属性，restclass可以单独声明，所以在这里，正如您所拥有display: inline-block;的margin-bottom: 20px;那样具有相等值的公共属性，您可以共同定义它们，其余padding-left: 150px;可以单独声明.order-info

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;
}