🎮 Selector Practice
Интерактивная песочница с live preview и подсветкой элементов
✏️ CSS Селектор
0
Найдено элементов
0
Всего элементов
📄 HTML структура
💡 Объяснение селектора
👁️ Preview с подсветкой
✅ Введите селектор
💡 Примеры селекторов
div.container > p
Прямые дочерние параграфы
p.highlight
Элементы с определённым классом
ul li:first-child
Первый дочерний элемент
ul li:last-child
Последний дочерний элемент
ul li:nth-child(2)
N-й дочерний элемент
h1 + p
Соседний элемент
h1 ~ p
Все последующие соседи
[class]
Наличие атрибута
[class^=con]
Атрибут начинается с...
p:not(.intro)
Отрицание
div > *
Универсальный селектор
li:nth-child(odd)
Нечётные элементы