7

BEM CSS について読み、それを使用していくつかの小さなサイトをコーディングしました - 私はそれにかなり精通しています。ただし、非常に似ているが関係のないブロックをどのように処理するかについては、まだわかりません。

順序付けられていないリスト ブロックがたくさんあり、それらはすべて一番上の行に同じスタイルを持っているとします。他のリスト項目は異なるレイアウトにすることができ、すべて互いにまったく関係がありません。

ブロックに名前を付けると (たとえば、「latest-news」、「upcoming-events」)、CSS でこれらすべてのブロックをスタックするのが面倒になります。管理が難しいことは言うまでもありません。

このようなものは万能のソリューションではないことを理解してください。しかし、多くの人が同じ質問に直面することを想像してみてください。これらのブロックを「標準リスト」と呼び、リスト項目をブロックとして持つ方が効率的ではないでしょうか?

BEMが達成しようとしていることの原則全体に反しているようです。「最新ニュース」を好きな場所に配置できるはずです。このようにして、最新のニュースコンテンツを保持する正しい「標準リスト」を取得する必要がありますか?

あまり混乱しないことを願っています!どんなアドバイスも素晴らしいでしょう!

4

1 に答える 1

5

見過ごされがちな重要な事柄が 1 つあります。それは、ミックスの使用です。

ミックスは、同じ DOM ノードにいくつかの異なるブロックを配置する可能性です。

あなたの例では、作成することができます

<ul class="latest-news list">

これにより、リストに必要なすべての一般的なスタイルが提供され、最新ニュースだけに特殊性が追加されます。

于 2014-09-04T22:41:22.350 に答える