CSS

CSS - каскадная таблица стилей.

3. Selectors, Attribute selectors

Селектор - это часть CSS-правила, которая сообщает браузеру, к какому элементу (или элементам) веб-страницы будет применён стиль.

Термин селектор может относиться к простому селектору (simple selector), составному селектору (compound selector), сложному селектору (complex selector) или списку селекторов.

К простым селекторам относятся:

• селектор типа

• универсальный селектор

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

• селектор идентификатора

• селектор класса

• псевдо-классы

Составной селектор — это последовательность простых селекторов, которые не разделены комбинаторами, т. е. за одним селектором сразу идёт следующий.

span[title].className
p.className1.className2#someId:hover

Сложный селектор — это последовательность селекторов, которые разделены комбинаторами.

Список селекторов — это селекторы, перечисленные через запятую.

Основных видов селекторов всего несколько:

• * – любые элементы.

• div – элементы с таким тегом.

• #id – элемент с данным id.

• .class – элементы с таким классом.

• [name="value"] – селекторы на атрибут.

• :visited – «псевдоклассы», остальные разные условия на элемент.

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

На атрибут целиком:

• [attr] – атрибут установлен,

• [attr="val"] – атрибут равен val.

На начало атрибута:

• [attr^="val"] – атрибут начинается с val, например "value".

• [attr|="val"] – атрибут равен val или начинается с val-, например равен "val-1".

На содержание:

• [attr*="val"] – атрибут содержит подстроку val, например равен "myvalue".

• [attr~="val"] – атрибут содержит val как одно из значений через пробел.

Например: [attr~="delete"] верно для "edit delete" и неверно для "undelete" или "no-delete".

На конец атрибута:

• [attr$="val"] – атрибут заканчивается на val, например равен "myval".