Разница в написании окончания названия класса

Общее
1

Добрый вечер всем!

Хотел поинтересоваться. Для примера есть такой код.
<div class="popular-and-price"> - Двойной класс для раздела популярные товары <h2>Популярные товары</h2> <div class="popular-items"> - класс для всего списка товаров <div class="catalog-item"> - класс для каждого элемента в отдельности.

Вопрос:

  1. Почему мы используем класс с названием catalog-item, а не price-item, т.к. этот элемент относится ко всему блоку популярных товаров у которого класс popular-and-price? Мы можем давать название классу на своё усмотрение? Главное чтобы было правильно прописано в нужном блоке и в конце стоял item или как?

2. почему где-то используется множественное число, как например popular-items, а где-то единственное, как например catalog-item ? Это какое-то правило написания или это личный выбор?

2
  1. Ваша тема никак не соответствует выбранному вами разделу. Меняйте на “общее”.
  2. Где вы взяли этот фрагмент кода, почему в нем нет закрывающих тегов?
3

  1. да, мы сами даем названия классам, главное, чтобы это название было осмысленное и понятное окружающим (т.к. над одним кодом может работать целая команда, а не только один человек), названия даются на английском языке, транслитерация считается очень-очень дурным тоном. Существуют и общепринятые, наиболее часто употребляемые классы, как например btn, button для кнопок, logo для логотипа, container, wrapper - для блоков, используемых просто в качестве обертки и т.п.

  2. использование множественного и единственного числа вытекает из требования осмысленности названия классов: для блока, объединяющего товары, используется множественное число, а для товаров, внутри этого блока - единственное.

1 лайк
4

Спасибо за объяснение.