html - 有没有办法覆盖边框 CSS 类

Question

我有这个规则

input{
  border: 1px solid #E5E5E5;
}

这是我的jsfiddle

大多数网站都需要它，但会弄乱一些按钮样式......我认为添加边框：没有会覆盖它，但它没有。我无法删除输入样式，因为它需要整个站点...任何解决方法

Answer 1

您可以使用:not选择器跳过要保留其默认边框的特定输入。

input:not(#submit-me) {
    border: 1px solid #E5E5E5;
}

http://jsfiddle.net/S4XST/2/

也许您应该考虑改进边框，而不是只使用默认值。

Answer 2

您的小提琴中没有显示边框，这是正确的。

CSS 对选择器的优先级有非常明确的规则。ID 级别选择器的优先级高于标签级别选择器，因此#submit-me应该覆盖input.

这正是您的小提琴中正在发生的事情，也正是您想要发生的事情，所以我不太明白问题出在哪里。