Селектори CSS

Модуль Селекторів CSS визначає патерни для вибору елементів, до яких потім застосовуються правила CSS, з урахуванням їх специфічності. Модуль селекторів CSS пропонує більш ніж 60 селекторів і п'ять комбінаторів. Інші модулі пропонують додаткові селектори псевдокласів і псевдоелементів.

У CSS селектори – це патерни, що використовуються для зіставлення, або вибору, елементів, що оформлюються. Селектори також використовуються в JavaScript, щоб дати змогу вибирати вузли DOM, що повертаються у вигляді NodeList.

Селектори, незалежно від того, вживаються вони в CSS чи в JavaScript, дають змогу націлюватися на елементи HTML на основі їхніх типу, атрибутів, поточного стану та навіть положення в DOM. Комбінатори дають змогу бути більш точними при виборі елементів, дозволяючи вибирати елементи на основі їхнього відносного положення щодо інших елементів.

Довідка

Комбінатори та розділювачі

Селектори

Терміни

Посібники

Селектори та комбінатори CSS

Огляд різних типів простих селекторів та різних комбінаторів, визначених у модулях Селекторів CSS та Псевдо CSS.

Структура селекторів CSS

Пояснення структури селекторів CSS і термінології, запровадженої в модулі Селекторів CSS, від "простого селектора" до "поблажливого списку відносних селекторів".

Псевдокласи

Перелічує псевдокласи, селектори, що дають змогу вибирати елементи на основі інформації про їхній стан, що не вміщена в дереві документа, визначені в різних модулях CSS та HTML.

Частина Цеглинок CSS, включає підручники про Селектори типу, класу та ідентифікатора, Селектори атрибутів, Псевдокласи та псевдоелементи, Комбінатори, Каскад, специфічність і успадкування та Шари каскаду.

Використання в селекторах псевдокласу :target

Дізнайтеся, як використовувати псевдоклас :target для оформлення елемента, що є цільовим для ідентифікатора фрагмента URL.

Вивчіть різні псевдокласи користувацького інтерфейсу, доступні для оформлення форм у різних станах.

Віднаходження елементів DOM за допомогою селекторів

API селекторів дає змогу використовувати селектори в JavaScript для отримання вузлів елементів з DOM.

Споріднені концепції

Специфікації

Специфікація
Selectors Level 4 (Selectors 4)

Дивіться також

Помітили помилку на цій сторінці?

Переглянути сирці на GitHub.

Редагувати вміст на GitHub.

Почати обговорення на GitHub стосовно вмісту цієї сторінки.