Что такое :not в CSS3?

Стили в псевдоклассе :not добавляются к элементам, которые не содержат селектор, указанный в псевдоклассе.

Этот псевдокласс будет корректно работать во всех браузерах.

Пример псевдоэлемента:

input:not([type="button"]) {
    border: 2px solid silver;
    border-radius: 5px;
    padding: 3px;
}

HTML код:

<form>
   Ваше имя: <input name="user"><br>
   Email: <input name="user"><br>
   <input type="button" value="Отправить">
</form>

Результат:

Комментарии