我有以下CSS:
.transaction-info {
display: inline-block;
margin-bottom: 20px;
}
.order-info {
padding-left: 150px;
display: inline-block;
margin-bottom: 20px;
}
我想将它合并为一个,我该怎么做?
干得好。
.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
.transaction-info, .order-info
{
display: inline-block;
margin-bottom: 20px;
}
.order-info
{
padding-left: 150px;
}
像这样的东西:
.transaction-info, .order-info {
display: inline-block;
margin-bottom: 20px;
}
.order-info {
padding-left: 150px;
}