1

クラスが「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;
}

ありがとう

4

3 に答える 3

7

セレクターを使用できます： :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;
}
于 2012-10-10T20:26:59.127 に答える
1

:not()CSS3では、セレクターを使用できます。

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 */
}
于 2012-10-10T20:28:51.463 に答える
0

Mozillaは

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

私は負のCSSを避けようとしますが。おそらく、他のすべて（.chatInputを除く）には追加のクラスが必要です。

于 2012-10-10T20:27:13.857 に答える