Селекторы |
* |
Все элементы |
div |
<div> |
div * |
Все элементы внутри <div> |
div span |
<span> внутри <div> |
div, span |
<div> и <span> |
div > span |
<span> с родителем <div> |
div + span |
<span> после <div> |
.class |
Элементы класса «class» |
div.class |
<div> класса «class» |
#itemid |
Элемент с id='itemid' |
div#itemid |
<div> с id='itemid' |
div[attr] |
<div> с аттрибутом «attr» |
div[attr=x] |
<div> с аттрибутом «attr» = «x» |
div[class*=x] |
<div> с классом «class» содержащим «x» |
div[attr^=x] |
<div> аттрибутом «attr» начинающимся с «x» |
div[attr$=x] |
<div> с аттрибутом заканчивающемся на «x» |
Псевдо-селекторы и псевдо-классы |
:first-child |
Первый дочерний элемент |
:first-line |
Первая строка элемента |
:first-letter |
Первая буква элемента |
:hover |
Элемент с наведенной мышью |
:active |
Активный элемент |
:focus |
Элемент с фокусом |
:link |
Непосещенные ссылки |
:visited |
Посещенные ссылки |
:lang(var) |
Элемент с языком «var» |
:before |
Перед элементом |
:after |
После элемента |
Размеры и цвета |
0 |
Не требует величины |
Относительные размеры |
em |
1 em равен размеру шрифта родителя (100%) |
ex |
Высота буквы «x» |
% |
Проценты |
Абсолютные размеры |
px |
Пиксели |
cm |
Сантиметры |
mm |
Миллиметры |
in |
Дюймы |
pt |
1 pt равен 1/72 дюйма |
pc |
1 pc = 1/6 дюйма |
Цвета |
#789abc |
Шестнадцетиричная запись RGB |
#acf |
Соответствует записи «#aaccff» |
rgb(0,25,50) |
Значение красного, зеленого и синего цветов. Можно заменить % |