Skip to main content

Що робить кома , у селекторах?

Кома в CSS-селекторах використовується для групування. Вона дозволяє застосувати один і той самий набір стилів до кількох селекторів одночасно. Кожен селектор по обидва боки коми працює незалежно, але правило для них спільне.


Приклад

css
h1, h2, .title { color: red; }

Це правило застосується до:

  • усіх тегів h1
  • усіх тегів h2
  • усіх елементів з класом .title

Тобто кома працює як логічне «АБО».


Навіщо це потрібно

  • щоб не дублювати код
  • щоб одним стилем покривати кілька різних елементів

Без коми довелося б писати так:

css
h1 { color: red; } h2 { color: red; } .title { color: red; }

Підсумок

Кома в селекторах об'єднує кілька різних селекторів в одне правило, дозволяючи надати їм однаковий стиль і зробити CSS коротшим і чистішим.

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

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

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

Що робить кома , у селекторах?: Питання співбесіди з CSS