3
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> 你能帮我吗？