Псевдоклассы
|
|
[1] likbezz [09.02.2013, 22:04] |
Псевдоклассы.Краткое описание и пара примеров. |
|
[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:
Поддерживается браузерами: Цитата (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 и выше |
|