阅读有关 BEM CSS 的内容并使用它编写了一些小型网站 - 我对它相当熟悉。但是,我仍然不确定如何处理非常相似但没有关系的块。
假设我有很多无序列表块,它们的顶行都具有相同的样式。其他列表项可以以不同的方式布局,并且彼此完全无关。
我发现自己给块命名(例如“最新新闻”、“即将发生的事件”),然后在 CSS 中堆叠所有这些块就变得很麻烦 - 更不用说难以管理了。
欣赏这个东西不是一刀切的解决方案;但想象一下很多人都会遇到同样的问题。将这些块称为“标准列表”,然后将列表项作为块不是更有效吗?
这似乎违背了 BEM 试图实现的整体原则。我应该能够将“最新新闻”放在我想要的任何地方。这样我就必须获得包含最新新闻内容的正确“标准列表”?
希望这不会太令人困惑!任何建议都会很棒!
有一件重要的事情经常被忽视——混合的使用。
A mix可以将几个不同的块放在同一个 DOM 节点上。
因此,对于您的示例,您可以创建
<ul class="latest-news list">
这将为您提供列表所需的所有常见样式,并为最新新闻添加特性。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)