Специальные селекторы: Особые псевдоклассы.

  CSS псевдокласс позволяет определить элементы тегов не по формальному значению атрибута CLASS, а по положению этих элементов в контексте документа или по состоянию элементов, которое может изменяться в процессы общения пользователя с Web-страницей.
  Особые псевдоклассы позволяют определить конечные элементы тегов по заданному условию.

Формат записи в коде CSS специального селектора особого псевдокласса:

  • Основной селекторОсобый псевдокласс(Условие)

Значения формата записи:

  Основной селектор - Устанавливает элементы тегов, относительно которого определяется условие, установленное особым псевдоклассом для определения конечных элементов тегов.

Значения:

  Особый псевдокласс - Устанавливает условие определения конечного элемента тега или группы элементов тегов из элементов тегов, определенных основным селектором.
  Как и псевдокласс активации пишется сразу (без пробела) за основным селектором.
  ( - Открывающая круглая скобка.
  Наличие круглых скобок обязательно в формате записи селектора особого псевдокласса.
  Условие - Условие заданное условным псевдоклассом.
  ) - Закрывающая круглая скобка.
  Наличие круглых скобок обязательно в формате записи селектора особого псевдокласса.
  Значения особого псевдокласса:



В примере определяются все элементы тега INPUT, которые не имеют атрибутов TYPE="radio" или NAME="black". При этом стиль привязывается как к этим элементам, так и к элементам следующим непосредственно за ними:

<STYLE>
  .inp:not([TYPE="radio"]):not([NAME="black"]) {display: none; }
  .inp:not([TYPE="radio"]):not([NAME="black"]) + DIV {display: none; }
</STYLE>
......

<INPUT class="inp" TYPE="checkbox" NAME="black">
<DIV>Черный паучок</DIV>
<INPUT class="inp" TYPE="checkbox" NAME="white">
<DIV>Белый паучок</DIV>
<INPUT class="inp" TYPE="button" VALUE="ПУСК">
<DIV>ПУСК</DIV>
<INPUT class="inp" TYPE="radio" NAME="radioform" VALUE="ДА">
<DIV>ДА</DIV>
<INPUT class="inp" TYPE="radio" NAME="radioform" VALUE="НЕТ">
<DIV>НЕТ></DIV>
Пример особого псевдокласса :not - наведите мышку.
Черный паучок
Белый паучок
ПУСК
ДА
НЕТ