2017-01-18 16 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)?

我希望這可以幫助解決你的問題。