Як задати стилі за класом?
Щоб задати стилі за класом, використовують крапку . перед іменем класу. В 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 пишуть селектор з крапкою перед іменем класу, і правило застосовується до всіх елементів з цим класом.
Коротка відповідь
Для співбесідиPremium
Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.