問題タブ [bem]

BEMとSUITのCSS 命名規則の違いは何ですか?

sass で bem 構文を使用しようとしていますが、問題が発生します。

コードは次のとおりです。

私のcssがコンパイルされると、私はこれを持っています:

そして、私はこれが欲しい:

実際、修飾子がある場合、ブロック ボタンから拡張されます。すべてのスタイル、修飾子、および要素が必要です。私はこれをしたくありません:

BEM を使用する場合、クラス名は HTML 構造を直接反映するべきではないことは理解していますが、ラッパー要素にはどのように名前を付ける必要がありますか? 私の特定の構文を無視してください（ SUITに近い）; 要素を区別する方法が異なるだけで、BEM に従います。

例えば：

私は現在、このインスタンスのラッパーを として分類しますがPageFooterWrapper、ラッパーは独立していないため、これはぎこちなく感じます。純粋にPageFooter. 明らかに、すべてにプレフィックスを付けるのPageFooter-はばかげているため、ラッパーをPageFooter:の一部として扱うだけですPageFooter-wrapper。これによって適用される暗黙の提案があるので、これは私をいらいらさせます。

では、ラッパーのクラスはどうあるべきでしょうか?

私は次のHTML構造を持っています:

すべてを選択したいのですitem__status*が、LESSではできないようです。これまでのところ、私は試しました：

個別のクラスを作成せずにすべてのクラスを選択する方法はありますか?

これは一種の理論的な質問ですが、ここ数時間私を悩ませています。

私は BEM を学んでいて、これまでのところ素晴らしいのですが、問題があります。このコードがあるとしましょう：

pを BEM に適したものにするにはどうすればよいですか? 一緒に行ってもいいですか

またはこれは規則に反するでしょうか？BEMに関するすべての例と記事はクラスのみに焦点を当てており、CMSが段落のすべてのグループに異なるクラスを追加することを期待できないため、これに対する答えを見つけることができませんでした.