Русский
Русский
English
Свойства CSS
Статистика
Реклама

Псевдокласс :not

Браузер
Internet Explorer
Chrome
Opera
Safari
Firefox
Версия
6.0
7.0
8.0
9.0
2.0
3.0
4.0
5.0
9.2
9.6
10
2.0
3.1
4.0
5.0
2.0
3.0
3.6
4.0
Поддержка
Не поддерживается
Не поддерживается
Не поддерживается
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Не поддерживается
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Краткая информация
CSS CSS3+
Применяется Ко всем элементам
Ссылка на спецификацию открыть в новой вкладке
Описание
Псевдокласс :not задает правила стилей для элементов, которые не содержат указанный селектор.
Синтаксис
элемент:not { селектор }
Аргументы
В качестве селектора могут указываться псевдоклассы, теги, идентификаторы, классы и селекторы параметров. Нельзя использовать псевдокласс :not (конструкция :not(:not(...)) запрещена) и псевдоэлементы.
Пример

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>not</title>
<style type="text/css">
input:not([type="submit"]) {
border: 1px solid #ccc;
padding: 3px;
}
</style>
</head>
<body>
 <form action="">
  <p>Ваше имя: <input type="text" name="user"></p>
  <p>Прилагаемый файл: <input type="file" name="file"></p>
  <p><input type="submit" value="Отправить"></p>
 </form>
</body>
</html>

Демонстрация примера
В данном примере стиль применяется ко всем тегам <input> за исключением тега, в параметрах которого установлено type="submit" (кнопка «Отправить»).
Первоисточник - htmlbook.ru Автор - Влад Мержевич
Комментариев (-)
Имя
Электронная почта

Последние комментарии

© 2006-2024, heroes-3.ru