草庐IT

html - 与 BEM 类命名约定混淆。更深一层

例如我有一个带有菜单元素的菜单block:.menu.menu__element.menu__element--current但是可以说.menublock包含在另一个block.header中在这种情况下如何处理命名?.header.header__menu.header__element或.header.header__menu.header__menu__element或.header.menu.menu__element 最佳答案 考虑使用“混合”(同一DOM节点上的多个BEM实体):所以blockmenu同时也是元素hea

javascript - BEM 和 "active"类/解耦 HTML 和 JS

我已经开始使用BEM方法来分离我的HTML和CSS...并且它在大多数情况下都运行良好。即使这只是您的个人意见,我仍然想知道其他人是如何处理这个问题的:假设我们需要构建一个简单的导航。HTML看起来类似于我不确定我是否需要“.nav_item”和“.nav_link”或者使用它是否更好.nav__list>li{CODE}但我真正的问题是如何处理“事件”类(不仅针对导航,而且一般而言)。使用特定的“事件”类如“.nav_item--active”是否更好,这样你就可以在你的CSS文件中使用一个类,或者如果使用更通用的类名如“.is-active”有效更好的?但是你需要在你的CSS文件中

html - 元素可以包含bem中的 block 吗

有人告诉我我写的代码是错误的,如下所示。我想元素不能包含block及其坏的b.e.m.Item我想过这样写,但它也没有显示层次结构。Item这是另一种方式,但对我来说它似乎比上面的例子更糟糕。Item是我原来的编码方式不对吗?如果是,为什么,最好的选择是什么。 最佳答案 您应该使用第二个或第三个样本。或者您可以使用这个(它使用BEM混合;我们在俄语中有一个talk)。这对您需要从javascript代码访问b-nav的link元素很有帮助。Item 关于html-元素可以包含bem中的b
12