Tag: 贝姆

BEM块，命名和嵌套

我试图围绕BEM命名约定来包装我的头。 我被困在这。 我可能会误解一些东西，让我们看看。 我有一个侧边栏导航和内容导航。 我的侧边栏导航看起来像这样 <div class="sidebar"> <ul class="sidebar__nav"> <li class="nav__item"><a href="#" class="nav__link">LINK</a></li> <li class="nav__item"><a href="#" class="nav__link">LINK</a></li> </ul> </div> 而我的内容导航看起来像这样 <div class="content"> <ul class="content__nav"> <li class="nav__item"><a href="#" class="nav__link">LINK</a></li> <li class="nav__item"><a href="#" class="nav__link">LINK</a></li> </ul> </div> 现在我遇到一个问题，如果我风格.nav__item，他们出现在我的导航，不应该有相同的样式。 我应该在这里做一些嵌套，还是我命名我的块和元素是错的？ 在CSS中嵌套示例： .content__nav .nav__item { background: Red; } 或者我应该这样命名： <li class="content__nav__item"><a href="#" class="content__nav__link">LINK</a></li> 你能帮我吗？