Mike_Ro
@Mike_Ro
Python, JS, WordPress, SEO, Bots, Adversting

Как правильно именовать CSS классы по BEM на примере?

Приветствую!

Для примера накидал шаблон вывода новостей.
1. Как Вы именовали бы классы на предоставленном примере в рамках BEM?
2. Грамотно ли использовать ul списки в моем примере? Или здесь лучше div использовать?

Комментарии в шаблоне написал для наглядности.

Спасибо!

<!-- главный блок с новостями -->
<div class="news">
	
	<!-- контейнер с новостями -->
	<ul class="list">
		
		<!-- колонка с новостью -->
		<li class="column">
			
			<!-- контейнер с новостью -->
			<ul class="list">
				
				<!-- заголовок новости -->
				<li class="title">Заголовок новости</li>
				
				<!-- дата новости -->
				<li class="date">
					<span class="time">10:00</span>
					<span class="date">01.01.2000</span>
				</li>
				
				<!-- описание новости -->
				<li class="description">Описание новости</li>
				
			</ul>
			
		</li>
		
	</ul>
	
</div>
  • Вопрос задан
  • 631 просмотр
Решения вопроса 1
@soledar10
html css3 js jquery
<!-- главный блок с новостями -->
<div class="news">
  
  <!-- контейнер с новостями -->
  <ul class="news__list">
    
    <!-- колонка с новостью -->
    <li class="news__column">
      
      <!-- контейнер с новостью -->
      <div class="news__item">
        
        <!-- заголовок новости -->
        <h2 class="news__title">Заголовок новости</h2>
        
        <!-- дата новости -->
        <div class="news__date">
          <span class="news__date-time">10:00</span>
          <span class="news__date-when">01.01.2000</span>
        </div>
        
        <!-- описание новости -->
        <div class="news__desc">Описание новости</div>
        
      </div>
      
    </li>
    
  </ul>
  
</div>
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы