Skip to main content

Що таке селектор у CSS? Для чого використовуються селектори?

CSSJunior~1 хв читання
Запропонувати правку

Селектор у CSS, це частина правила, яка вказує, до яких HTML-елементів потрібно застосувати стилі. Селектори дозволяють вибрати один елемент, групу елементів або елементи за певними умовами (класом, id, тегом, станом тощо).

Для чого використовуються селектори

  • щоб знайти потрібні елементи на сторінці
  • щоб задати їм оформлення
  • щоб контролювати зовнішній вигляд різних елементів у різних станах (hover, active, focus та ін.)
  • щоб описувати стилі структурно, відокремлюючи оформлення від HTML

Приклади базових селекторів

СелекторЩо вибираєПриклад
за тегомелементи певного тегуp { color: red; }
за класомелементи з класом.title { font-size: 20px; }
за idелемент з конкретним id#header { background: black; }

Приклад CSS-правила з селектором

css
p { color: blue; }

Тут p, селектор, а правило застосується до всіх тегів <p> на сторінці.

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

Коротка відповідь

Для співбесіди
Premium

Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.

Запропонувати правку