css - 基于输入和类的样式 CSS

Question

当类是“chatInput”时，是否有一种简单的方法可以防止使用样式。示例 HTML：

<input type="button" value="hello" class="chatInput"/>

和 CSS 类似：

input[type=button&class!=chatInput], input[type=submit&class!=chatInput]{
    border: 1px solid grey;
    padding: 2px 10px 2px 10px;
    margin-top: 5px;
    margin-bottom: 5px;
}

谢谢

Answer 1

您可以使用选择器： :not

input[type=button]:not(.chatInput), input[type=submit]:not(.chatInput)
    border: 1px solid grey;
    padding: 2px 10px 2px 10px;
    margin-top: 5px;
    margin-bottom: 5px;
}

Answer 2

在 CSS3 中，您可以使用:not()选择器：

input[type=button]:not(.chatInput), input[type=submit]:not(.chatInput){
    border: 1px solid grey;
    padding: 2px 10px 2px 10px;
    margin-top: 5px;
    margin-bottom: 5px;
}

在 CSS2 中，更具体地说是 IE8 及更低版本，您不能这样做。您必须执行以下操作：

input[type=button] {
    border: 1px solid grey;
    padding: 2px 10px 2px 10px;
    margin-top: 5px;
    margin-bottom: 5px;
}
input[type=button] .chatInput {
    /* Explicit default style */
}

Answer 3

Mozilla 与

:not(.classname) input {background: red;}

虽然我尽量避免负面的CSS。也许其他所有东西（除了.chatInput）都应该有一个额外的类。