:not()指定した条件を除いた要素にスタイルを適用する
:not() 疑似クラスは、:not(条件) という形式で指定することで、括弧内で指定した条件に一致する対象を除いた要素にスタイルを適用します。
:not()のサンプルソース
input {
vertical-align: middle;
}
input:not([type="text"]) {
vertical-align: top;
}
主要ブラウザの対応
| IE11 | ○ |
|---|---|
| Edge（EdgeHTML） | ○ |
| Edge（Chromium） | ○ |
| Chrome | ○ |
| Firefox | ○ |
| Safari | ○ |
| iOS Safari | ○ |
| Android Chrome | ○ |