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

在CSS3中，您可以使用:not() selector：

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 2

Mozilla与

合作

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

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

基于输入和类的样式CSS

2 个答案: