CSS селекторы
CSS селекторы используются для выбора элементы, которые вы хотите, чтобы шаблон стиля.
Колонка "CSS" указывает на то, в котором свойства CSS определены (CSS1, CSS2 или CSS3).
селектор | пример | Пример показывает, | CSS |
---|---|---|---|
. Класс | .intro | Выделите весь класс = элемент "интро" | 1 |
# Идентификатор | #firstname | Выберите все элементы ID = "FirstName" | 1 |
* | * | Выбрать все элементы | 2 |
элемент | p | Выберите все элементы <p> | 1 |
элемент, элемент | div,p | Выберите элемент все <div> и элемент <p> | 1 |
элемент элемент | div p | Выберите <DIV> все элементы <p> в элементе | 1 |
элемент элемент> | div>p | Выбрать все родителя является элемент <DIV> элемента <p> | 2 |
Элемент + элемент | div+p | Выберите элемент <p> а затем все элементы <div> после | 2 |
[Атрибут] | [target] | Выделите все элементы с целевым атрибутом | 2 |
[Атрибут = значение] | [target=-blank] | Выбрать все использование целевых = - элемент "пустой" из | 2 |
[Атрибут ~ = значение] | [title~=flower] | Выберите все элементы атрибута заголовка содержит слово "цветок" из | 2 |
[Атрибут | = язык] | [lang|=en] | Выберите все элементы атрибута Ланг начальное значение = "EN" из | 2 |
: ссылка | a:link | Выбрать все непосещенные ссылки | 1 |
: посетил | a:visited | Выделить все посещенные ссылки | 1 |
: активный | a:active | Выберите активная ссылка | 1 |
: Hover | a:hover | При выборе мыши по ссылке выше | 1 |
: фокус | input:focus | Выберите входной элемент имеет фокус | 2 |
: Во- первых букв | p:first-letter | Выберите первую букву каждого <P> элемент | 1 |
: Первая линия | p:first-line | Выберите каждый <P> Первый элемент строки | 1 |
: Первый ребенок | p:first-child | Элемент указано только тогда, когда <р> является первым дочерним элементом своего родительского стиля. | 2 |
: перед тем | p:before | Вставить содержимое перед каждым элементом <p> | 2 |
: после того, как | p:after | Вставить содержимое после каждого <р> элемент | 2 |
: Языки (язык) | p:lang(it) | Выберите атрибут Ланг начальное значение = "это" все элементы <p> | 2 |
element1 ~ element2 | р ~ уль | Каждый выбор р уль элемент после элемента | 3 |
[Атрибут ^ = значение] | а [SRC = "HTTPS"] | Выберите каждое значение атрибута SRC для "HTTPS" в начале элемента | 3 |
[Атрибут $ = значение] | а [SRC = $ ". PDF"] | Выберите каждое значение атрибута SRC для ".pdf" в конце элемента | 3 |
[Атрибут * = значение] | а [SRC = "w3big"] | Выберите каждый элемент SRC значение атрибута содержит подстроку "w3big" из | 3 |
: Первый из типа | р: первый в типа | Выберите каждый элемент р р является первым элементом своего родителя | 3 |
: Последний из типа | р: последний из-типа | Выберите каждый элемент р является последним элементом своего родителя р | 3 |
: Только-оф-типа | р: только-оф-типа | Выберите каждый элемент р является единственным элементом своего родителя р | 3 |
: Только-ребенок | р: только-ребенок | Выберите каждый элемент р является единственным дочерним элементом своего родителя | 3 |
: П-го ребенка (п) | р: п-го ребенка (2) | Выберите каждый элемент р является вторым потомком своего родителя | 3 |
: П-го последнего ребенка (п ) | р: п-го последнего ребенка (2) | Выберите каждый элемент р является вторым потомком своего родителя, считая от последнего ребенка | 3 |
: П-го из-типа (п ) | р: п-го из-типа (2) | Выберите каждый элемент р является вторым р элементом его родителя | 3 |
: П-го последнего из-типа (п) | р: п-го последнего из-типа (2) | Выберите каждый элемент р является вторым р элементом своего родителя, считая от последнего ребенка | 3 |
: Последний ребенок | р: последний ребенок | Выберите каждый элемент р является последним потомком своего родителя. | 3 |
: корень | : Root | Выберите корневой элемент документа | 3 |
: пусто | р: пусто | Выберите каждый из элемента р не имеет детей (в том числе текстовые узлы) | 3 |
: мишень | #news: мишень | Выберите текущий активный #news элемент (включая анкер имя интерактивными URL) | 3 |
: включен | вход: включен | Выберите включен каждый входной элемент | 3 |
: отключено | вход: отключен | Выбор каждого входного элемента отключен | 3 |
: проверено | вход: проверено | Выберите каждый выбранный входной элемент | 3 |
: Нет (селектор) | : Не (р) | Выберите каждый элемент не р элементы | 3 |
:: выбор | :: Выбор | Элемент выбран или выделен в состоянии частичного совпадения пользователя | 3 |
: Вне диапазона | : Из-за допустимые пределы | входной элемент совпадающее значение вне указанного диапазона | 3 |
: В дальности | : В дальности | Сопоставление ввода значения элемента в пределах указанного диапазона из | 3 |
: Чтение-запись | : Чтение-запись | Он используется для сопоставления для чтения и записи элемента | 3 |
: Только для чтения | : Только для чтения | Для согласования набора "только для чтения" (только для чтения) элемент атрибута | 3 |
: по желанию | : Опционально | Для согласования дополнительный элемент ввода | 3 |
: требуется | Обязательный | Настройка, чтобы соответствовать элемент "требуемое" свойство | 3 |
: действительный | : Действительно | Используется для согласования входного значения является законным элементом | 3 |
: недействительный | : Invalid | Недопустимое значение элемента ввода матчей | 3 |