2017-01-18 15 views
0

比方说,我想有一个title块,以及造型方面的考虑,我需要它筑巢用一些特殊的CSS样式一div内(例如,我想具体的边界和空间造型)。我们称之为box。盒子里只有title的样式。当使用BEM,它是不合逻辑的嵌套其元件内部的块?

我需要拥有box的事实只是与CSS的限制有关,因此box被视为BEM术语中的块是没有意义的。它甚至没有作为DOM元素的意义。但title位于内box

对我来说boxtitle__box是有意义的,因为它没有意义,没有title。然而,BEM的所有例子似乎承担元素始终是它在。

回答

1

明明白白回答你的问题没有深入研究这个,无块的DOM孩子。 你就必须有像下面

<div class="decorator"> 
    <h1 class="title">blah blah</h1> 
</div> 

<div class="title"> 
    <h1 class="title__heading">blah blah</h1> 
</div> 

当使用BEM你必须考虑在“块”,“元素”和它们的可重用性的条款。特别是,从开发人员的角度考虑一下:你不希望在特定的情况下,结束了在那里的开发商将建设问题的标题,而忘记一个元素或属性和生气试图弄清楚为什么它不工作。这可以使您的标记具有一致性和可复制性。

我对没有具体的见解为什么您需要的<div>,什么是CSS 限制,你在说什么,但我会相信你的话了。

所以我会问:你是否想过使用伪选择器来清理标记,或者使用标题作为上述容器并使用内联匿名元素(即<span> s)?

我希望这可以帮助解决你的问题。