bem

1熱

1答えて

コレクション内に商品があるとします。「feature-collection__product」という製品を「feature-collection」のブロック内の要素にするか、「feature-collection-product」と呼ぶのが適切ですか？その中に他の要素があるので、それが独自のブロックになります、または別の何か。 <div class="feature-collection">

0熱

1答えて

BEM：命名規則

私はBEM規則についていくつかの説明をしたいと思います。 2つの場所/ページregistrationとdashboardで使用されるカードブロックがあるとします。私はかつてこのためscssを書き、その後、私はそれを必要な場所にそれを使用できるようにしたいと思い <div class="card"> <header class="cardheader"> <h3 class="c

1熱

1答えて

内部要素をブロックするBEM-methodology

BEMの文書によっては、要素内で要素を使用しないでください。ブロックには、そのブロックの外側にあることのできない要素が含まれているので、それは意味があります。要素にはブロックが含まれていますか？その要素の中のブロックがその要素の外にあることはできません。 BEMの公式ウェブサイトはこれを使用しています。しかし、私はいつもブロックのアイデアはあなたが依存関係なしにページのどこにでも置くことができ

0熱

1答えて

ページ固有のスタイリングをBEMブロックにどのように適用する必要がありますか？

.buttonという名前のブロック要素が、の値を異なる複数のページに異なるの値を再利用して使用したいとします。考えられる解決策： //1. Nested styles .page-1 { .button { margin: 10px; } } .page-2 { .button { margin: 20px; } } //2. Specific modifier

0熱

1答えて

BEMモディファイアのようなものを冗長にする方法を避ける

最近BEMベースの方法論の独自の実装を使用し始めたとき、入れ子になった要素のモディファイアを付けました。 product-desc-nameのクラスがmarkの場合、リンクの色を赤に変更したいと考えています。次の例は、この問題を示しています。最後のスタイルを同じにしてもクラス名を重複しないようにするにはどうすればよいですか？ .product-desc { \t \t &-nam

0熱

1答えて

BEM：コンテナと行を持つ最良の方法は？

I持ってBEMにおけるコンテンツブロックのための次のセットアップ： SCSS .container { width: 960px; margin: 0 auto; } .row { width: 100%; float: left; } .latest-news__container { @extend .container; }

1熱

3答えて

BEM - 別のブロック内のブロックにコンテキストスタイルを適用

我々は.containerと.buttonブロックがあるとします。 <div class="container">  <a class="button">A Marvelous button</a> </div> 我々は.containerのコンテキストでのみ.buttonブロックのスタイリングに近づく必要がありますどのように？まだ.b

0熱

2答えて

BEM：ネストされたブロック、最適なアプローチは何ですか？

次のマークアップでは、BEMの最適なアプローチは何ですか？これ？： <footer role="footer"> <footer class="footer__inner"> <div class="footer__left">© Some text</div> <div class="footer__right">Some text</div> </fo

1熱

3答えて

AureliaビューでBEMブロックを反映する方法

Aureliaを使用して新しいプロジェクトを開始しようとしています。私はCSS BEMメソドロジと併用することを検討しています。最初の質問：これは基本的には良いマッチと見なされますか、それともAureliaとの「適合」の選択肢がありますか？主な質問：ベストいくつかのカスタムアウレリアビュー（アプリケーションヘッダ）のための例で説明した： <template> <div class=

0熱

1答えて

BEM：アイテムとスタイリングをリストしますか？

私はBEMに新しいですし、サンプルテンプレートでの作業： HTML <header class="header"> <div class="header__branding"> <h1>Site branding</h1> </div> <div class="header__menu"> <nav class="main-menu">