在这些样式中，我有三个类：.gen-btn，.login_selection_button和.gen-btn-disabled。我希望类.gen-btn-disabled的按钮永远不会根据:active或:hover更改样式。我将它设置在我的样式表中作为页面上的最后一个样式，并将它作为最后一项写入输入的类声明中。
目前我已gen-btn-disabled设置为正常状态，活动状态和悬停状态与样式gen-btn相同。也就是说，我希望它始终保持与gen-btn相同的样式处于正常状态。
然而，它似乎是多余的，就像我应该能够将它放在工作表的顶部，紧挨着gen-btn，因为它是输入上声明的最后一个样式（即：{{1 }}）
gen-btn-disabled仍然会从活动和悬停以及焦点中获取所有样式。我不明白我做错了什么。谢谢你的期待！
答案 0 :(得分：0)
您假设样式表中较低的展示位置意味着更高的优先级。在CSS中，选择器越具体，优先级越高。还有许多其他因素可以确定优先级，但在您的情况下，这应该有效 -
只需为禁用的类使用更具体的选择器：
input[type="button"].login_selection_button.gen-btn-disabled{
/* disabled styles here */
}
正如Zeta指出的那样，一般地应用特定的样式会导致不必要的影响。我想我的观察更多是填充和字体大小不同，并且通过选择器，无论在何处定义禁用样式，第一个声明都将优先。