將兩個CSS設置成一個

我有以下的CSS：將兩個CSS設置成一個

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

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

，我想將它合併爲一個，我該怎麼辦呢？

來源

2013-07-31 adit

你在這裏。

.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

來源

2013-07-31 09:29:49 Nitesh

我還是不明白爲什麼人們以這種方式格式化他們的代碼......有css縮小器使代碼不可讀。 –

這裏的原因是與OP關於「如何組合它」的問題進行垂直比較。沒有目的來縮小或格式化等等。OP就知道它是如何完成的。 – Nitesh

很高興聽到:) –

事情是這樣的宣佈休息：

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

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

來源

2013-07-31 09:29:59

與@Nathan Lee的回答有什麼不同？ – Joum

你需要用逗號分隔類 – tborychowski

你在兩個類之間缺少一個逗號。你這樣做的方式是說.order-info是.transaction-info的一個孩子。 – Christopher

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

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

來源

2013-07-31 09:36:22 Narendra

將兩個CSS設置成一個

回答

相關問題