2012-12-10 86 views
0

我有這個html代碼,並且這個按鈕,現在我需要給這個兩個按鈕不同的css。按鈕的css屬性

你能幫我嗎?

<div class="modal" style="display: none;"> 
<button type="button" class="action confirm">Konfirmo</button> 
<button type="button" class="action cancel">Anullo</button> 
</div> 

它應該是這樣的.modal .button .confirm 我想給不同的CSS到這兩個按鈕。那麼,我該怎麼做呢! 謝謝..

+0

我不明白你,所以你會不會停像第二:.modal按鈕確認{}? –

+0

你可以聲明這三個(或更多)類separatley '.modal {...} .button {...} .confirm {...} .cancel {...}' 所以你可以結合最近..它讓你的CSS可重用 –

回答

0
div.modal button.confirm{ 
    /* css for confirm buttom */ 
} 

div.modal button.cancel{ 
    /* css for cancel buttom */ 
} 
+0

謝謝:) 它工作得很好,我稍後接受答案! 謝謝 –

+0

雖然你可能不需要'div'。 –

2

我不是很清楚你在問什麼,但你在尋找這樣的東西嗎?

.modal .confirm { 
    color: green; 
} 

.modal .cancel { 
    color: red; 
} 
1

風格你的第一個按鈕,.modal button.confirm { ... }.modal button.cancel { ... }