基于输入和类的样式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;
}