BEM и базовые теги

147
11 октября 2018, 07:10

Есть теги которые часто используются и имеют один стиль (например <p>, <h1>, <li>).

Рассмотрим такие случаи:

Хочется написать так:

<article class="article">
  <h1>Какое то название</h1>
  <p>Какой то текст</p>
  <p>Какой то текст</p>
  <p>Какой то текст</p>
  <p>Какой то текст</p>
  <div class="article__comments"></div>
</article>

Но по идее должно быть так:

<article class="article">
  <h1 class="article__heading">Какое то название</h1>
  <p class="article__paragraph">Какой то текст</p>
  <p class="article__paragraph">Какой то текст</p>
  <p class="article__paragraph">Какой то текст</p>
  <p class="article__paragraph">Какой то текст</p>
  <div class="article__comments"></div>
</article>

Или со списком:

Так как <li> хорошо наследуют стили от <ul> хочется сделать так:

<ul class="todo">
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
</ul>

Но по идее правильно вот так:

<ul class="todo">
  <li class="todo__item"></li>
  <li class="todo__item"></li>
  <li class="todo__item"></li>
  <li class="todo__item"></li>
  <li class="todo__item"></li>
</ul>

Стоит ли давать классы

  • Элементам которые наследуют стили?
  • Элементам у которых уже есть стили?
  • Элементам которым не нужны стили?
READ ALSO
Прокрутить блок fixsed

Прокрутить блок fixsed

На странице появляется блок div, и чтобы он появлялся в любом участке длинной страницы, ему придали позицию fixedВысота этого блока может быть...

169
Проверить на js существование Cookie [закрыт]

Проверить на js существование Cookie [закрыт]

Появилась задача проверить существование COOKIE на стороне клиента, если существует, предоставить доступ{Вопрос закрыт}

157
Разместить react-sidebar по скролу

Разместить react-sidebar по скролу

Компонент react-sidebar позволяет сделать сайтбар размером с высоту экранаМне нужно на сайте с прокруткой, чтоб сайтбар выходил не сверху, а смещенный...

141
Отправка заголовков в NodeJS

Отправка заголовков в NodeJS

В серверной части использую вот такие используемые заголовки

157