CSS
CSS - каскадная таблица стилей.
3. Selectors, Attribute selectors
Селектор - это часть CSS-правила, которая сообщает браузеру, к какому элементу (или элементам) веб-страницы будет применён стиль.
Термин селектор может относиться к простому селектору (simple selector), составному селектору (compound selector), сложному селектору (complex selector) или списку селекторов.
К простым селекторам относятся:
селектор типа
универсальный селектор
селекторы атрибутов
селектор идентификатора
селектор класса
псевдо-классы
Составной селектор — это последовательность простых селекторов, которые не разделены комбинаторами, т. е. за одним селектором сразу идёт следующий.
Сложный селектор — это последовательность селекторов, которые разделены комбинаторами.
Список селекторов — это селекторы, перечисленные через запятую.
Основных видов селекторов всего несколько:
*
– любые элементы.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"
.
Last updated