Html 第二阶级的风格没有像预期的那样凌驾于前一阶级的风格之上

在这些样式中，我有三个类：.gen btn、.login\u selection\u button和.gen btn disabled。我希望禁用class.gen btn的按钮永远不会基于：active或：hover更改样式。我在样式表中将其设置为页面上的最后一个样式，并将其作为最后一项写入输入的类声明中

目前我已经设置了gen btn禁用，所以它的正常状态、活动状态和悬停状态与gen btn的样式相同。也就是说，我希望它始终保持与gen btn在正常状态下相同的样式

然而，它似乎是多余的，我应该能够把它放在工作表的顶部，紧挨着gen btn，因为它是输入ie上声明的最后一种样式：​

gen btn disabled仍然从active和hover以及focus中获取所有样式。我不明白我做错了什么。谢谢你的关注

---

您假设样式表中较低的位置意味着较高的优先级。在CSS中，选择器越具体，优先级越高。还有许多其他因素决定优先级，但在您的情况下，这应该是可行的-

只需为禁用的类使用更具体的选择器：

input[type="button"].login_selection_button.gen-btn-disabled{
    /* disabled styles here */
}

---

正如齐塔人所指出的，一般地应用特定的风格会导致不必要的影响。我想我的观察更多的是，填充和字体大小是不同的，并且通过选择器，第一个声明将优先于禁用样式的定义。

我的印象是，覆盖规则在样式表中的位置不同。也就是说，具有相同特定性级别的两条规则将默认为样式表中的顺序，以确定应用了哪条规则。如果相等，则为“是”。但在他的例子中，它们并不相等，因为上面的一个目标更具体，因为它包括输入选择器。这是一篇关于优先级的好文章。这不是最好的例子，但很合适：@coleen:没错。如果特异性相同，那么位置越低意味着优先级越高。@daGUY特异性相同。。。Kai-Qing没有明确说明的是，这里发生的事情是，样式正在合并，因为特殊性是相同的。@colleen-我不认为特殊性是相同的，因为：输入[type=button]。登录选择按钮在禁用的位置上方声明了2个位置。这将保持填充和字体大小相同。尽管如此，泽塔的观点仍然正确。基本的想法是，他只需要一点清理和整理。你忘记在gen btn disabled中禁用box shadow，它仍然在应用中。@Zeta你应该回答这个问题。我认为这比开清的答案更正确。@Zeta我为什么要禁用方块阴影。我只是希望它有相同的框阴影作为一代btn。当gen btn disabled为：active时，禁用它是否会使gen btn disabled保持gen btn框阴影样式？谢谢嗯，你在中更改它。gen btn：悬停，你必须解决这个问题@科琳：我很想得到一个合适的答案，尽管去争取名声吧。如果将HTML disabled属性与.gen btn[disabled]和.gen btn:not[disabled]一起使用，则可能会得到额外的好处。从您的问题和css规则来看，您不希望阴影-您希望禁用的gen btn始终保持相同的外观。