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 |