Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Як задати стилі за класом?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)**Стилізація за класом** здійснюється через селектор з крапкою `.` перед іменем класу (наприклад, `.title { color: blue; }`), яка застосовується до всіх елементів з атрибутом `class="title"`. **Ключове:** елемент може мати кілька класів одночасно, а один клас, застосовуватися до багатьох елементів на сторінці.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)ЗображенняЩоб задати стилі за класом, використовують крапку `.` перед іменем класу. В HTML клас вказується через атрибут `class`, а в CSS, через селектор з крапкою. --- ### **Приклад** **HTML:** ```html <p class="title">Заголовок</p> ``` **CSS:** ```css .title { color: blue; font-size: 24px; } ``` Стилі застосуються до всіх елементів, у яких є клас `title`. --- ### **Особливості** - один клас можна використовувати багаторазово - елемент може мати **кілька класів**: ```html <p class="title big">Текст</p> ``` - один селектор за класом може вибирати *багато елементів* на сторінці --- **Підсумок:** щоб стилізувати елементи за класом, у CSS пишуть селектор з крапкою перед іменем класу, і правило застосовується до всіх елементів з цим класом.Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.