2017-01-18 14 views
0

ブロックをtitleブロックにしたいとします。スタイリング上の考慮事項として、特殊なCSSスタイルを使用してdivの中にネストする必要があります(特定のボーダーとスペーシングスタイリングが必要な場合など)。これをboxとしましょう。ボックスはその内部にtitleのスタイルを提供します。BEMを使用する場合、ブロック内にブロックがネストされているのは理にかなっていませんか?

私がboxを持っている必要があるのは、CSSの制限と関係がありますので、boxがBEMの用語でブロックと見なされるのは意味がありません。それはDOM要素としても意味をなさない。しかしtitleboxの中にあります。

boxクラスtitle__boxtitleなしで意味をなさないので、私には意味があります。しかし、BEMのすべての例は、その要素が常にブロック内のDOMの子であると見なされるように見えます。

答えて

1

質問を明示的に検討することなく、 あなたはBEMを使用するときは、「ブロック」、「要素」とその再利用性の観点で考える必要があり、次の

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

または

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

のようなものを持っている必要があります。特に、開発者の観点から考えると、開発者が問題のタイトルを作成し、要素や属性を忘れて、それがなぜそうでないのか理解しようとすると、特定のシナリオになりたくない作業。これにより、マークアップの一貫性と複製可能性が得られます。

私はあなたが<div>を必要とCSSは、あなたが話しているが、私はそれのためにあなたの言葉を取る制限なぜには、特定の洞察力を持っていません。

擬似セレクタを使用してマークアップをクリーンアップするか、前述のコンテナとして見出しを使用し、インラインの匿名要素(つまり、<span>)を使用することを考えましたか?

私はこれがあなたの問題の解決に役立つことを願っています。

関連する問題