将两个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来声明选择器,,而不是声明具有相同值的公共属性,其他的唯一的rest class可以单独声明,所以在这里,你有display: inline-block;,margin-bottom: 20px;哪些是具有相等值的公共属性,您可以共同定义它们,其余padding-left: 150px;可以单独声明.order-info