Хочу стилизовать одинаковые h2 на всей странице, как это сделать?

Question

[Alex Clean]

Добрый вечер, друзья. У меня есть много одинаковых h2-h3 заголовков на сайте. Содержатся они в разных блоках(секциях). Стилизованы они все по одному: один размер шрифта, line-height и т.д. То есть, они абсолютно идентичные. Создавал название классов я по бэму, то есть, к примеру: header__title - для хедера, shop__title - для магазина и т.д И вот тут вопрос, мне стоит эти заголовки все собрать под кучку в CSS и задать им один стиль, к примеру:

.header__title,
.shop__title {
  font-size: 32px;
}

Или же лучше просто создать какой-то отдельный класс, который я буду присваивать этим тегам, допустим: .main-title

Comments

[iBird Rose]

ну раз делаешь по БЭМ, то все эти одинаковые заголовки твои - отдельные блоки. и именоваться они должны одинаково. т.е. вариант с .main-title правильный.

[Dan_3115]

Можно так:

h2 {
      font-size: 15px;
      color: green;
      text-transform: uppercase;
    }