Вы находитесь на странице: 1из 3

CSS селекторы

В поле статус указано присутствовал ли данный селектор в предыдущих версиях CSS (-)
или был добавлен в CSS3 (новый).

Селектор Пример Описание Статус


Выберет все элементы на
странице, которые имеют
#идентификатор #el1 -
идентификатор el1 (которые
имеют атрибут id='el1').
Выберет группу элементов на
странице, которые имеют класс
.класс .group1 -
group1 (которые имеют атрибут
class='group1').
Выберет все абзацы на
элемент(тэг) p -
странице.
Выберет все элементы на
* * -
странице.
Выберет все элементы на
:not(x) :not(div) новый
странице кроме элементов div.
Выберет все не посещенные
:link a:link -
ссылки на странице.
Выберет все посещенные
:visited a:visited -
ссылки на странице.
Выберет все ссылки, на которые
:hover a:hover -
наведен курсор мыши.
Выберет все активные в данный
:active a:active момент ссылки (на которые -
щелкнули мышкой).
Выберет все абзацы на
[атрибут] p[id] странице, которые имеют -
атрибут id.
Оформляет выделенный
::selection ::selection новый
пользователем текст.
Выберет все абзацы на
[атрибут=значение] p[id="el1"] странице, которые имеют -
атрибут id со значением el1.
Выберет все ссылки с атрибутом
href содержащим в значении
a[href~="wisdomweb]
[атрибут~=значение] подстроку "wisdomweb" -
"
отделенную пробелами от
остального содержимого.
Выберет все элементы
имеющие атрибут src со
[атрибут^=значение] [src^="http://"] новый
значением начинающимся на
"http://".
[атрибут$=значение] [src$=".gif"] Выберет все элементы новый
имеющие атрибут src со
значением заканчивающимся на
".gif".
Позволяет выбрать все
элементы имеющие атрибут src
[атрибут=*значение] [src*="picture"] новый
со значением содержащим
подстроку "picture".
Выберет все абзацы, которые
:first-child p:first-child являются первыми в -
родительском элементе.
Позволяет выбрать все
элементы div являющиеся
:last-child div:last-child новый
последними элементами
потомками в родительском.
Оформит первую сточку всех
:first-line p:first-line -
абзацев на странице.
Оформит первую букву всех
:first-letter p:first-letter -
абзацев на странице.
Выберет все абзацы
эл1 эл2 div p являющиеся потомками -
элемента div.
Выберет все абзацы
эл1 > эл2 div > p являющиеся дочерними -
элементами div.
Выберет все абзацы следующие
эл1 + эл2 div + p -
сразу после элемента div.
Выберет все элементы p
элемент1~элемент2 div~p находящиеся перед элементом новый
div.
Вставит произвольное
:before p:before -
содержимое перед элементом p.
Вставит произвольное
:after p:after -
содержимое после элемента p.
Выберет все активные элементы
:focus input:focus -
ввода на странице.
Позволяет выбрать все
:enabled :enabled работоспособные элементы новый
ввода.
Позволяет выбрать все
:disabled :disabled неработоспособные элементы новый
ввода.
Позволяет выбрать все
:first-of-type div:first-of-type элементы div являющиеся новый
первыми в родительском.
Позволяет выбрать все
:last-of-type div:last-of-type элементы div являющиеся новый
последними в родительском.
:only-of-type div:only-of-type Позволяет выбрать все новый
элементы div, которые являются
уникальными родительском.
Позволяет выбрать все
элементы div являющиеся
:nth-child(x) div:nth-child(3) новый
третьими по счету в
родительском.
Позволяет выбрать все
элементы div являющиеся
:nth-last-child(x) div:nth-last-child(2) новый
вторыми элементами потомками
в родительском с конца.
Позволяет выбрать корневой
:root :root новый
элемент документа.
Позволяет выбрать пустые
:empty p:empty новый
абзацы.