Как писать классы в CSS

Чтобы создать класс в CSS, нужно использовать селектор с точкой перед названием класса.

Например, если вы хотите создать класс с наименованием my-class, то нужно записать это в CSS так:

.my-class {
  /* стили для класса */
}

Также можно добавить несколько классов к одному элементу:

<div class="my-class another-class">Текст</div>

В CSS это будет выглядеть так:

.my-class.another-class {
  /* стили для двух классов */
}

Обратите внимание, что в данном случае необходимо использовать селектор без пробела между классами.

Если у вас есть несколько элементов, которым нужно добавить одинаковые стили, лучше использовать классы. Это позволит уменьшить дублирование кода и облегчит поддержку стилей.

Для выбора элементов по классу можно использовать комбинацию селектора класса и элемента. Например, если у вас есть список ul, и вы хотите стилизовать все элементы li, которые находятся внутри списка с классом my-list, то можно использовать следующий селектор:

.my-list li {
  /* стили для элементов li внутри списка */
}

Классы в CSS могут быть очень удобным инструментом, позволяющим гораздо удобнее и быстрее писать стили для ваших элементов.