Фильтр по:
  

Псевдоклассы - Страница 2

Справочные материалы, Таблицы, Техническая документация

  • Страница 2 из 3
  • «
  • 1
  • 2
  • 3
  • »
Модератор форума: likbezz  
Скрипты и коды для юкоз - Форум аццкого кодера » Исходники, Скрипты, Коды, Шаблоны, Примеры, Прикрепления, Инструменты и тп. » Справочные материалы, Таблицы, Техническая документация » Псевдоклассы (first-child, last-child, focus, hover, lang, not, nth-child)
Псевдоклассы
Дата: Суббота, 09.02.2013, 22:04 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown

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

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


Цитата (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

 
Дата: Суббота, 09.02.2013, 23:46 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown

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



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

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


Версия CSS: CSS 3

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

 
Дата: Суббота, 09.02.2013, 23:48 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown

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



Псевдокласс :link задает стиль для непосещенной ссылки (на которую пользователь не нажимал).

Применимо:
Код
К ссылкам (тег <a>)


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

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

 
Дата: Суббота, 09.02.2013, 23:50 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown

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



Псевдокласс :not() задает стиль для элементов, который не описываются заданным селектором.
Таким образом можно исключить из CSS правила некоторые элементы.
В качестве селектора могут использоваться только простые селекторы типа, класса, атрибута, id и псевдокласса.

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

Версия CSS: CSS 3

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

 
Дата: Суббота, 09.02.2013, 23:51 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown

Псевдокласс :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 и выше

 
Дата: Суббота, 09.02.2013, 23:53 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown

Псевдокласс :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 и выше

 
Дата: Суббота, 09.02.2013, 23:54 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown

Псевдокласс :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 и выше

 
Дата: Суббота, 09.02.2013, 23:55 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown

Псевдокласс :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 и выше

 
Дата: Суббота, 09.02.2013, 23:57 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown

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



Псевдокласс :only-child описывает элемент, если он является единственным дочерним элементом для своего родителя.

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

Версия CSS: CSS 3

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

 
Дата: Суббота, 09.02.2013, 23:58 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown

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



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

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

Версия CSS: CSS 3

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

 
Дата: Суббота, 09.02.2013, 23:59 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown

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



Псевдокласс :optional описывает поле ввода, если оно необязательное для заполнения.
Обязательность заполнения поля задается булевым атрибутом required.

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


Версия CSS: CSS 3

Поддерживается браузерами:
Цитата (Info)
Firefox 4 и выше
Opera 9.6 и выше
Safari 5 и выше
Chrome 4 и выше

 
Дата: Воскресенье, 10.02.2013, 00:17 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown

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



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

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


Версия CSS: CSS 3

Поддерживается браузерами:
Цитата (Info)
Opera 9.6 и выше

 
Дата: Воскресенье, 10.02.2013, 00:19 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown

Псевдокласс :read-only



Псевдокласс :read-only описывает поле ввода, если оно только для чтения.
Поле только для чтения задается булевым атрибутом readonly.

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


Версия CSS: CSS 3

Поддерживается браузерами:
Цитата (Info)
Opera 9.6 и выше
Safari 5 и выше
Chrome 4 и выше

 
Дата: Воскресенье, 10.02.2013, 00:23 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown

Псевдокласс :read-write



Псевдокласс :read-write описывает поле ввода, если оно для чтения и записи.
Поле только для чтения задается булевым атрибутом readonly.

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


Версия CSS: CSS 3

Поддерживается браузерами:
Цитата (Info)
Opera 9.6 и выше
Safari 5 и выше
Chrome 4 и выше

 
Дата: Воскресенье, 10.02.2013, 00:24 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown

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



Псевдокласс :required описывает поле ввода, если оно обязательно для заполнения.
Обязательность заполнения поля задается булевым атрибутом required.

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


Версия CSS: CSS 3

Поддерживается браузерами:
Цитата (Info)
Firefox 4 и выше
Opera 9.6 и выше
Safari 5 и выше
Chrome 4 и выше

 
Дата: Воскресенье, 10.02.2013, 00:26 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown

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



Псевдокласс :root описывает корневой элемент XML документа. Для HTML псевдокласс :root идентичен тегу html.

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


Версия CSS: CSS 3

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

 
Скрипты и коды для юкоз - Форум аццкого кодера » Исходники, Скрипты, Коды, Шаблоны, Примеры, Прикрепления, Инструменты и тп. » Справочные материалы, Таблицы, Техническая документация » Псевдоклассы (first-child, last-child, focus, hover, lang, not, nth-child)
  • Страница 2 из 3
  • «
  • 1
  • 2
  • 3
  • »
Поиск:


Мобильная версия