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

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

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

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

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

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

Селекторы атрибутов

.

Селекторы атрибутов

В CSS2 были введены некоторые селекторы атрибутов. Они позволяют выбирать элементы по значению их атрибутов. CSS3 расширяют возможности этого механизма, добавляя возможности выбора по шаблону.

E[attr]

Соответствием считается любой элемент Е, имеющий атрибут attr с любым значением. В главе 4 мы использовали конструкцию вида input: required для обязательных полей формы, но input [required] будет иметь тот же эффект для несколько более старых браузеров.

E[attr=val]

Совпадением считается любой элемент Е, имеющий атрибут attr, значение которого точно равно значению val (регистр не важен). Хотя селектор и не нов, он очень полезен, когда речь заходит о тар-Iетироиании полей ввода input, различающихся по типу. К примеру, можно задать такой селектор: input [type=checkbox] для выбора чекбоксов.

E[attr|=val]

Любой элемент Е с атрибутом attr, значение которого либо точно совпадает с val, либо начинается с val-. Чаще всего используется с атрибутом lang (lang="enus").

Например, р [lang | ="еп" ] выберет все абзацы, помеченные как англоязычные (не имеет значения, американский ли это будет диалект или британский).

E[attr~=val]

Совпадениями считаются любые элементы Е, имеющие атрибут attr, в значении которого целиком упоминается слово val, окруженное пробелами. Например, селектор . info [title~=more] выберет любой элемент класса info, атрибут title которого содержит слово "more," например, "Click here for more information."

E[attr=val] (IE8+, WebKit, Opera, Mozilla)

Любой элемент E, атрибут которого attr начинается со строки val. Другими словами, val совпадает с первыми знаками атрибута.

E[attr$=val] (IE8+, WebKit, Opera, Mozilla)

Любой элемент E, атрибут которого attr заканчивается последовательностью символов val. Другими словами, val совпадает с последними знаками атрибута.

E[attr*=val] (IE8+, WebKit, Opera, Mozilla)

Любой элемент Е, в значении атрибута которого attr встречается последовательность символов val. Другими словами, строка val является подстрокой атрибута.

Почти то же самое, что Е [attr~=val ], с той разницей, что val может быть частью слова. Используя тот же пример, что и выше: .fakelink[title~=info] будет означать любой элемент класса f akelink, в атрибуте title которого содержится строка info, например "Click here for more information."

.

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