Поддержка сайта

Высокие позиции в поисковой системе, на прямую зависят от развития вашего сайта.

Продвижение сайтов

Эффективность стратегий продвижения подтверждается сотрудничеством с крупными клиентами и отзывами о нашей работе.

Создание сайтов

Мы делаем сайты быстро, недорого и профессионально. От работы с нами, у вас останутся только положительные эмоции.

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

.

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

Вероятнее всего, вы уже достаточно хорошо знаете некоторые псевдоклассы, например :link, tvisited, : hover, : active и : focus.

3. : hover можно применять к любому элементу на сайте, а не только к ссылкам и полям форм.

4. : focus и : active релевантны для ссылок, полей форм и любых иных элементов, имеющих атрибут tabindex.

Помимо известных и широко используемых псевдоклассов, есть и другие. Некоторые из них описаны в спецификации много лет назад, но не поддерживались браузерами, пока появление HTML5 с его новыми атрибутами форм не сделало их актуальными.

Существуют следующие псевдоклассы, соответствующие определенным значениям атрибутов, пользовательским действиям и состоянию полей форм:

: enabled

Доступный (незаблокированный) элемент пользовательского интерфейса.

: disabled

Заблокированный элемент пользовательского интерфейса.

: checked

Переключатели и флажки, находящиеся в положении «включено». : indeterminate

Переключатели и флажки, находящиеся в неопределенном состоянии. Этот псевдокласс все еще рассматривается и может быть включен в спецификацию в будущем.

: target

Это элемент, являющийся целью внутристраничного якоря. Звучит сложнее, чем есть на самом деле; вы, конечно, знаете, что внутри страницы можно организовывать ссылки с использованием символа # для идентификации целевого фрагмента. Например, можно написать:

<а href="#сог^епг_">Перейти к тексту </а>

При щелчке по этой ссылке страница будет прокручиваться до нужного места. При этом URL в адресной строке примет вид page. html#content- и селектор : target теперь временно содержит элемент #content. Мы говорим «временно», поскольку достаточно пользователю щелкнуть по другой ссылке с якорем, и значение селектора : target изменится.

: default

Один или несколько элементов пользовательского интерфейса, который(-е) являются элементами по умолчанию.

:valld

Элементы, которые считаются валидными в соответствии с атрибутом pattern.

: invalid

Пустые поля с атрибутом required, а также заполненные поля форм, которые не прошли проверку на соответствие шаблону (атрибут pattern).

:in-range

Элементы, значение которых соответствует установленным ограничениям. Например значение, введенное в поля ввода типов number или range, находится между минимальным и максимальным.

:out-of-range

Противоположность : in-range: элементы, значение которых не соответствует установленным ограничениям.

: required

Элементы форм, обязательные для заполнения, optional

Элементы форм, не обязательные для заполнения.

: read-only

Элементы, которые пользователь не может изменить (обычно не относится к полям форм).

: read -write

Элементы, содержание которых пользователь может изменить, например текстовые поля ввода.

Поддержка браузерами этих псевдоклассов неодинакова, но положение быстро улучшается. Браузеры, поддерживающие такие атрибуты форм, как required и pattern, также поддерживают связанные с ними псевдоклассы : valid и : invalid.

IE6 не поддерживает псевдокласс : hover ни для каких элементов, кроме ссылок; как IE6, так и IE7 не понимают псевдокласс : focus. В IE версий до 8 включительно отсутствует поддержка : checked, : enabled, : disabled и : target. Хорошая новость заключается в том, что начиная с IE9 эта поддержка появилась.

Но пока поддержка все еще недостаточна, библиотеки JavaScript, подобные jQuery, могут помочь в таргетировании псевдоклассов для не-поддерживающих браузеров.


.

Читайте так же:
Not found