html - 2 つの CSS 設定を 1 つに結合する

Question

私は次のcssを持っています:

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

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

1つにまとめたいのですが、どうすればいいですか？

Answer 1

どうぞ。

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

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

異なるセレクターで同じプロパティを書き換える代わりに、を使用してセレクターを宣言し、,その中で等しい値を持つ共通のプロパティを宣言することができます。他に固有の残りは個別にclass宣言できます。等しい値を持つ共通のプロパティは、それらを共通に定義でき、残りは個別に宣言できます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;
}