[Ликбез]
Форма входа
Логин:
Пароль:
Меню сайта
Скрипты и коды для юкоз - Форум аццкого кодера » Справочные материалы, Таблицы, Техническая документация » Псевдоклассы
Псевдоклассы
[1] likbezz [09.02.2013, 22:04]

Псевдоклассы.

Краткое описание и пара примеров.


Цитата (Info)
:active
:checked
:default
:disabled
:empty
:enabled
:first-child
:first-of-type
:focus
:hover
:in-range
:invalid
:lang
:last-child
:last-of-type
:link
:not
:nth-child
:nth-last-child
:nth-last-of-type
:nth-of-type
:only-child
:only-of-type
:optional
:out-of-range
:read-only
:read-write
:required
:root
:target
:valid
:visited
[2] likbezz [09.02.2013, 22:14]

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



Псевдокласс :active задает стиль активной ссылки (момент нажатия на нее).

Применимо:
Код
Большинство браузеров воспринимают псевдокласс :active только для элемента <a>


Поддерживается браузерами:
Цитата (Info)
Internet Explorer 6 и выше
Firefox 1 и выше
Opera 7 и выше
Safari 1 и выше
Chrome 1 и выше
[3] likbezz [09.02.2013, 22:15]

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



Псевдокласс :checked задает стиль для выбранного пользователем элемента управления.

Применимо:
Код
К элементам управления <input>, <option>


Поддерживается браузерами:
Цитата (Info)
Internet Explorer 9 и выше
Firefox 1 и выше
Opera 9 и выше
Safari 3.1 и выше
Chrome 1 и выше
[4] likbezz [09.02.2013, 22:17]

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



Псевдокласс :default
Код
Описывает один или больше элементов управления, если они является выделенными по умолчанию среди множества подобных элементов


Поддерживается браузерами:
Цитата (Info)
Firefox 3 и выше
Opera 10.5 и выше
Safari 5 и выше
Chrome 4 и выше
[5] likbezz [09.02.2013, 22:18]

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



Псевдокласс :disabled задает стиль для неактивных элементов управления.

Применимо:
Код
К элементам управления у которых есть атрибут disabled: <button>, <input>, <optgroup>, <option>, <select>,<textarea>


Поддерживается браузерами:
Цитата (Info)
Internet Explorer 9 и выше
Firefox 2 и выше
Opera 9 и выше
Safari 1 и выше
Chrome 1 и выше
[6] likbezz [09.02.2013, 23:33]

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



Псевдокласс :empty описывает элемент, если он пустой.
Элемент считается пустым если он не содержит вложенных элементов, теста и пробелов.
Наличие условных комментариев допускается.

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


Поддерживается браузерами:
Цитата (Info)
Internet Explorer 9 и выше
Firefox 1.5 и выше
Opera 9.5 и выше
Safari 3.1 и выше
Chrome 1 и выше
[7] likbezz [09.02.2013, 23:34]

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



Псевдокласс :enabled задает стиль для активных элементов управления.

Применимо:
Код
к элементам управления <button>, <input>, <optgroup>, <option>, <select>,<textarea>


Поддерживается браузерами:
Цитата (Info)
Internet Explorer 9 и выше
Firefox 2 и выше
Opera 9 и выше
Safari 1 и выше
Chrome 1 и выше
[8] likbezz [09.02.2013, 23:34]

Псевдокласс :first-child



Псевдокласс :first-child задает стиль для первого потомка элемента.

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


Поддерживается браузерами:
Цитата (Info)
Internet Explorer 7 и выше
Firefox 1 и выше
Opera 7 и выше
Safari 1 и выше
Chrome 1 и выше
[9] likbezz [09.02.2013, 23:35]

Псевдокласс :first-of-type



Псевдокласс :first-of-type задает стиль для первого элемента заданного типа.

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


Поддерживается браузерами:
Цитата (Info)
Internet Explorer 9 и выше
Opera 9 и выше
Safari 1 и выше
Chrome 1 и выше
[10] likbezz [09.02.2013, 23:36]

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



Псевдокласс :focus задает оформление элемента при получении ним фокуса ввода.

Применимо:
Код
Ко всем элементам, которые могут получить фокус


Поддерживается браузерами:
Цитата (Info)
Internet Explorer 8 и выше
Firefox 1 и выше
Opera 7 и выше
Safari 1 и выше
Chrome 1 и выше
[11] likbezz [09.02.2013, 23:37]

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



Псевдокласс :hover задает оформление элемента при наведении на него.

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


Поддерживается браузерами:
Цитата (Info)
Internet Explorer 6 и выше
Firefox 1 и выше
Opera 7 и выше
Safari 1 и выше
Chrome 1 и выше
[12] likbezz [09.02.2013, 23:39]

Псевдокласс :in-range



Псевдокласс :in-range описывает поле формы в случае, когда введенное значение поля находится в диапазоне возможных значений для этого поля.
Диапазон возможных значений задается атрибутами min и max для тега input.

Применимо:
Код
К элементам управления имеющим диапазон возможных значений


Соответсвие версиям CSS:
Код
CSS 3


Поддерживается браузерами:
Цитата (Info)
Opera 9.6 и выше
[13] likbezz [09.02.2013, 23:41]

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



Псевдокласс :invalid описывает поле формы в случае, когда оно заполнено некорректно (например, вместо URI введен текст и т. д.).

Применимо:
Код
К элементам управления


Версия CSS: CSS 3

Поддерживается браузерами:
Цитата (Info)
Firefox 4 и выше
Opera 9.6 и выше
Safari 5 и выше
Chrome 4 и выше
[14] likbezz [09.02.2013, 23:43]

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



Псевдокласс :lang позволяет определить специальные правила для различных языков.

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


Версия CSS: CSS 2, CSS 2.1, CSS 3

Поддерживается браузерами:
Цитата (Info)
Internet Explorer 8 и выше
Firefox 1 и выше
Opera 7 и выше
Safari 1 и выше
Chrome 1 и выше
[15] likbezz [09.02.2013, 23:45]

Псевдокласс :last-child



Псевдокласс :last-child задает стиль для последнего потомка элемента.

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


Версия CSS: CSS 3

Поддерживается браузерами:
Цитата (Info)
Internet Explorer 9 и выше
Firefox 2 и выше
Opera 9 и выше
Safari 1 и выше
Chrome 1 и выше
Полная версия сайта