|
Псевдоклассы
|
|
| [1] likbezz [09.02.2013, 22:04] |
Псевдоклассы.Краткое описание и пара примеров.
|
|
| [16] likbezz [09.02.2013, 23:46] |
Псевдокласс :last-of-type
Псевдокласс :last-of-type задает стиль для последнего элемента заданного типа.
Применимо:
Версия CSS: CSS 3
Поддерживается браузерами:
Цитата (Info) Internet Explorer 9 и выше
Firefox 3.5 и выше
Opera 9 и выше
Safari 1 и выше
Chrome 1 и выше |
|
| [17] likbezz [09.02.2013, 23:48] |
Псевдокласс :link
Псевдокласс :link задает стиль для непосещенной ссылки (на которую пользователь не нажимал).
Применимо:
Версия CSS: CSS 1, CSS 2, CSS 2.1, CSS 3
Поддерживается браузерами:
Цитата (Info) Internet Explorer 6 и выше
Firefox 1 и выше
Opera 7 и выше
Safari 1 и выше
Chrome 1 и выше |
|
| [18] likbezz [09.02.2013, 23:50] |
Псевдокласс :not
Псевдокласс :not() задает стиль для элементов, который не описываются заданным селектором.
Таким образом можно исключить из CSS правила некоторые элементы.
В качестве селектора могут использоваться только простые селекторы типа, класса, атрибута, id и псевдокласса.
Применимо:
Ко всем элементам
Версия CSS: CSS 3
Поддерживается браузерами:
Цитата (Info) Internet Explorer 9 и выше
Firefox 1 и выше
Opera 9.5 и выше
Safari 1.1 и выше
Chrome 1 и выше |
|
| [19] likbezz [09.02.2013, 23:51] |
Псевдокласс :nth-child
Псевдокласс :nth-child() описывает элемент, если он является определенным дочерним элементом своего родителя.
Аргумент записывается в форме an+b, где a и b — целые числа, а n — переменная.
Также в качестве аргумента можно использовать ключевые слова "odd" (нечетные) и "even"(четные). Запись "odd" эквивалентна записи 2n+1, а запись "even" эквивалентна записи 2n.
Применимо:
Ко всем элементам
Версия CSS: CSS 3
Поддерживается браузерами:
Цитата (Info) Internet Explorer 9 и выше
Firefox 3.5 и выше
Opera 9.5 и выше
Safari 1.1 и выше
Chrome 1 и выше |
|
| [20] likbezz [09.02.2013, 23:53] |
Псевдокласс :nth-last-child
Псевдокласс :nth-last-child() описывает элемент, если он является определенным, отсчитывающимся с конца, дочерним элементом своего родителя.
Аргумент записывается в форме an+b, где a и b — целые числа, а n — переменная.
Также в качестве аргумента можно использовать ключевые слова "odd" (нечетные) и "even" (четные). Запись "odd" эквивалентна записи 2n+1, а запись "even" эквивалентна записи 2n.
Применимо:
Ко всем элементам
Версия CSS: CSS 3
Поддерживается браузерами:
Цитата (Info) Internet Explorer 9 и выше
Firefox 3.5 и выше
Opera 9.5 и выше
Safari 1.1 и выше
Chrome 1 и выше |
|
| [21] likbezz [09.02.2013, 23:54] |
Псевдокласс :nth-last-of-type
Псевдокласс :nth-last-of-type() описывает элемент, если он является определенным с конца дочерним элементом заданного типа для своего родителя.
Аргумент записывается в форме an+b, где a и b — целые числа, а n — переменная.
Также в качестве аргумента можно использовать ключевые слова "odd" (нечетные) и "even" (четные). Запись "odd" эквивалентна записи 2n+1, а запись "even" эквивалентна записи 2n.
Применимо:
Ко всем элементам
Версия CSS: CSS 3
Поддерживается браузерами:
Цитата (Info) Internet Explorer 9 и выше
Firefox 3.5 и выше
Opera 9.5 и выше
Safari 1.1 и выше
Chrome 1 и выше |
|
| [22] likbezz [09.02.2013, 23:55] |
Псевдокласс :nth-of-type
Псевдокласс :nth-of-type() описывает элемент, если он является определенным дочерним элементом заданного типа для своего родителя.
Аргумент записывается в форме an+b, где a и b — целые числа, а n — переменная.
Также в качестве аргумента можно использовать ключевые слова "odd" (нечетные) и "even" (четные). Запись "odd" эквивалентна записи 2n+1, а запись "even" эквивалентна записи 2n.
Применимо:
Ко всем элементам
Версия CSS: CSS 3
Поддерживается браузерами:
Цитата (Info) Internet Explorer 9 и выше
Firefox 3.5 и выше
Opera 9.5 и выше
Safari 3.1 и выше
Chrome 1 и выше |
|
| [23] likbezz [09.02.2013, 23:57] |
Псевдокласс :only-child
Псевдокласс :only-child описывает элемент, если он является единственным дочерним элементом для своего родителя.
Применимо:
Ко всем элементам
Версия CSS: CSS 3
Поддерживается браузерами:
Цитата (Info) Internet Explorer 9 и выше
Firefox 2 и выше
Opera 9.5 и выше
Safari 3.1 и выше
Chrome 1 и выше |
|
| [24] likbezz [09.02.2013, 23:58] |
Псевдокласс :only-of-type
Псевдокласс :only-of-type описывает элемент, если он является единственным дочерним элементом заданного типа для своего родителя.
Применимо:
Ко всем элементам
Версия CSS: CSS 3
Поддерживается браузерами:
Цитата (Info) Internet Explorer 9 и выше
Firefox 3.5 и выше
Opera 9.5 и выше
Safari 1.1 и выше
Chrome 1 и выше |
|
| [25] likbezz [09.02.2013, 23:59] |
Псевдокласс :optional
Псевдокласс :optional описывает поле ввода, если оно необязательное для заполнения.
Обязательность заполнения поля задается булевым атрибутом required.
Применимо:
Код К элементам управления
Версия CSS: CSS 3
Поддерживается браузерами:
Цитата (Info) Firefox 4 и выше
Opera 9.6 и выше
Safari 5 и выше
Chrome 4 и выше |
|
| [26] likbezz [10.02.2013, 00:17] |
Псевдокласс :out-of-range
Псевдокласс :out-of-range описывает поле формы в случае, когда введенное значение поля находится вне диапазона возможных значений для этого поля.
Диапазон возможных значений задается атрибутами min и max для тега input.
Применимо:
Код К элементам управления имеющим диапазон возможных значений
Версия CSS: CSS 3
Поддерживается браузерами:
Цитата (Info) Opera 9.6 и выше |
|
| [27] likbezz [10.02.2013, 00:19] |
Псевдокласс :read-only
Псевдокласс :read-only описывает поле ввода, если оно только для чтения.
Поле только для чтения задается булевым атрибутом readonly.
Применимо:
Код К элементам управления
Версия CSS: CSS 3
Поддерживается браузерами:
Цитата (Info) Opera 9.6 и выше
Safari 5 и выше
Chrome 4 и выше |
|
| [28] likbezz [10.02.2013, 00:23] |
Псевдокласс :read-write
Псевдокласс :read-write описывает поле ввода, если оно для чтения и записи.
Поле только для чтения задается булевым атрибутом readonly.
Применимо:
Код К элементам управления
Версия CSS: CSS 3
Поддерживается браузерами:
Цитата (Info) Opera 9.6 и выше
Safari 5 и выше
Chrome 4 и выше |
|
| [29] likbezz [10.02.2013, 00:24] |
Псевдокласс :required
Псевдокласс :required описывает поле ввода, если оно обязательно для заполнения.
Обязательность заполнения поля задается булевым атрибутом required.
Применимо:
Код К элементам управления
Версия CSS: CSS 3
Поддерживается браузерами:
Цитата (Info) Firefox 4 и выше
Opera 9.6 и выше
Safari 5 и выше
Chrome 4 и выше |
|
| [30] likbezz [10.02.2013, 00:26] |
Псевдокласс :root
Псевдокласс :root описывает корневой элемент XML документа. Для HTML псевдокласс :root идентичен тегу html.
Применимо:
Версия CSS: CSS 3
Поддерживается браузерами:
Цитата (Info) Internet Explorer 9 и выше
Firefox 1 и выше
Opera 9.5 и выше
Safari 1 и выше
Chrome 1 и выше |
|