css - 按钮的 css 属性

Question

我有这个 html 代码和这个按钮，现在我需要为这两个按钮提供不同的 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。那么，我该怎么做！谢谢..

Answer 1

我不太清楚你在问什么，但你在寻找这样的东西吗？

.modal .confirm {
    color: green;
}

.modal .cancel {
    color: red;
}

Answer 2

样式你的第一个按钮.modal button.confirm { ... }和第二个按钮.modal button.cancel { ... }

Answer 3

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

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