1

我有以下CSS:

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

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

我想将它合并为一个,我该怎么做?

4

3 回答 3

8

干得好。

.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

于 2013-07-31T09:29:49.847 回答
1
.transaction-info, .order-info 
{
    display: inline-block;
    margin-bottom: 20px;
}

.order-info 
{
    padding-left: 150px;
}
于 2013-07-31T09:36:22.517 回答
0

像这样的东西:

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

.order-info {
    padding-left: 150px;
}
于 2013-07-31T09:29:59.867 回答