Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Що таке селектор у CSS? Для чого використовуються селектори?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)**Селектор у CSS** - це частина правила, яка вказує, до яких HTML-елементів застосувати стилі: за тегом, класом, id, станом тощо. **Ключове:** селектори, основа CSS, тому що саме вони визначають, до чого застосовуються стильові правила.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)ЗображенняСелектор у 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, тому що саме вони визначають, до чого застосовуються стильові правила.Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.