BEM CSS:类似的块和样式共享

时间:2014-09-01 19:28:51

标签: css bem

阅读BEM CSS并使用编写了一些小网站 - 我对它很熟悉。但是,我仍然不确定如何处理非常相似但没有关系的块。

假设我有很多无序列表块,它们的顶行都有相同的样式。其他列表项可以不同的方式布局,并且彼此完全无关。

我发现自己将该块命名为它(例如' latest-news','即将发生的事件'),然后将所有这些块堆叠在CSS中变得很麻烦 - 更不用说难以管理了。

欣赏这些东西并不是一个适合所有解决方案的东西;但想象很多人会遇到同样的问题。调用这些块是不是更有效率,标准列表'然后将列表项作为块?

恰好违背了BEM试图实现的整个原则。我应该能够提供最新消息'我想要的任何地方这样我就必须得到正确的标准列表'持有最新新闻内容?

希望这不会太混乱!任何建议都会很棒!

1 个答案:

答案 0 :(得分:5)

有一件重要的事情经常会消失在视线之外 - 使用混音。

mix 可以在同一个DOM节点上放置几个不同的块。

因此,对于您的示例,您可以创建

<ul class="latest-news list">

它将为您提供列表所需的所有常用样式,并为最新消息添加特性。