css - ボタンのcssプロパティ

Question

私はこのhtmlコードとこのボタンを持っています。今度はこの2つのボタンに異なる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のようなものにする必要があります。これら2つのボタンに異なるcssを与えようとしています。だから、どうすればそれを行うことができますか？ありがとう..

Answer 1

あなたが何を求めているのかよくわかりませんが、このようなものを探していますか?

.modal .confirm {
    color: green;
}

.modal .cancel {
    color: red;
}

Answer 2

最初のボタンのスタイルを設定.modal button.confirm { ... }し、2 番目のボタンのスタイルを設定します.modal button.cancel { ... }

Answer 3

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

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