Выбор ответа Junior Архитектура CSS обновлено

Правильный селектор по БЭМ

Вопрос

Какой селектор соответствует БЭМ для заголовка внутри блока card?

Попробуйте сами

Выберите вариант, и откроется разбор.

Показать ответ и разбор

Коротко

Правильный ответ: .cardtitle. В БЭМ элемент блока получает имя блокэлемент и стилизуется одним классом. .card h2 привязан к тегу и вложенности, .card .title использует общее имя title, которое может пересечься с другим блоком, и повышает специфичность.

Варианты ответа

  1. .card h2
  2. .card .title
  3. .card__titleправильный ответ
  4. #card-title

Разбор

В БЭМ элемент блока получает имя блок__элемент и стилизуется одним классом. .card h2 привязан к тегу и вложенности, .card .title использует общее имя title, которое может пересечься с другим блоком, и повышает специфичность. Id в БЭМ для стилей не используют: высокая специфичность и нельзя повторить на странице.

Ответьте сами, а не прочитайте

В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.

Термины по теме