CSS为了类和id而交替出现

Question

我为逐步指导制定了计划。最终会有很多选项，按钮，方式......但是此刻我试着把红色的按钮涂成红色。但是css连接到＆＃34;类＆＃34;。你怎么做一个＆＃34; id＆＃34;优先级高于＆＃34; class＆＃34;用于文本格式化？

do the same

{{1}}

Answer 1

您可以使用相同的选择器并附加您的ID。

#msform .action-button#red { 
  background-color: red;
}

虽然你应该使用一个类，因为你只能在页面上使用一次ID。将您的HTML和CSS更新为...

<input type="button" name="coughyes" class="red next action-button" value="Yes">
<input type="button" name="coughno" class="red next action-button" value="No">

#msform .action-button.red { 
  background-color: red;
}

更新了您的小提琴http://jsfiddle.net/1x183c2t/3/

Answer 2

或者，如果您想保留相同的标记，只需将background-color: red;更改为background-color: red !important;即可。