Да
<div class="bio"> <h2 class="bio__title"></h2> <ul class="bio__list list"> <li class="list__item"></li> </ul> </div> или так
сомневаюсь, в бэм разве может быть ul и элементом и блоком одновременно? (микс наверное, но в чем смысл, я не использую их, поэтому не знаю)
я и сам , перейдя на вью не использую бэм,))) но для общего развития такая запись относительно бэм вполне валидна - поскольку блоки могут быть вложены в другие блоки например блок .list можно переиспользовать независимо от блока .bio
речь не об этом -- у тебя зачем то ul является и элементом bio__list и блоком list, вот это не совсем понятно как совместить (думаю никак)
<div class="bio"> <h2 class="bio__title">Биография</h2> <ul class="bio__list list"> <li class="list__item">Родился в 1990 году</li> <li class="list__item">Окончил университет в 2012 году</li> </ul> </div> <div class="skills"> <h2 class="skills__title">Навыки</h2> <ul class="skills__list list"> <li class="list__item">HTML</li> <li class="list__item">CSS</li> <li class="list__item">JavaScript</li> </ul> </div>
так объясни -- в чем смысл использовать .bio__list и .skills__list? на мой взгляд их просто стоит выпилить и блока .list достаточно
например чтобы получить элементы li только одного списка const bioList = document.querySelektorAll(".bio__list .list__item)
Обсуждают сегодня