0

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

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

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

<h2 class="header__title main-title">Привет</h2>

4 ответа 4

1

Не проще было написать так:

h2{ тут стили }

и этот класс применится ко всем h2 - тегам

1
  • Спасибо за ответ) 28 мар 2022 в 19:00
0

Если все идентичные, почему бы просто не юзать:

h2{
 font-size: 32px;
}

А если есть необходимость конкретно в определенном блоке менять, то:

Допустим у вас в .html так:

<div class = 'container'>
    <h2></h2>
    <h2></h2>
    <h2></h2>
    <h2></h2>
</div>
<div class = 'new_container'>
    <h2></h2>
    <h2></h2>
    <h2></h2>
    <h2></h2>
</div>

То .css может быть таким:

.container h2{
    font-size: 32px;
}

.new_container h2{
    font-size: 50px;
}
1
  • Спасибо за ответ. Я обдумал много вариант, но вот до Вашего почему-то не додумался. Вполне неплохая идея для моего проекта. 28 мар 2022 в 18:57
0

Для всех чтоб пременить просто в css h2 без точки и стили будут пременены для всех h2

2
  • 1
    добро пожаловать на Stack Overflow на русском! пожалуйста, постарайтесь оставлять чуть более развёрнутые ответы. дополнить ответ можно, нажав править 27 мар 2022 в 17:40
  • Спасибо за ответ) 28 мар 2022 в 18:59
0

Вроде как, по БЭМ такие общие стили делать не совсем правильно. Блок должен быть независимым, чтобы его можно было сделать без проблем перенести куда угодно.

Мне кажется, было бы логичнее реализовать ваш второй вариант: то есть создать отдельный класс, например .content__title

Еще можете спросить в форуме БЭМ.

1
  • Спасибо большое за ответ. Да, вы полностью правы, блоки должны быть независимы. Я еще многое не выкупил, но буду учиться дальше. 28 мар 2022 в 18:55

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.