bem

13熱

1答えて

BEMを使用して要素の有効範囲を正しく設定する方法は？</p> <pre><code>collection-main__features-top__story__byline__author </code></pre> <p>要素はブロックの一部であり、それが属するブロックの外側では意味がありませんBEMの命名規則に従って、あるもの：5つのネストされたレベルが存在し、次のBEMツリー構造、与えられた

authorクラスの正しい名前は？ authorは、意味的にbylineとstoryコンテキストに結びついたが、features-topとcollection-mainブロックの下の無意味されているので、最高のBEM名は何ですか？ collection-main__author features-top__author story__author (best?) story__byline_

5熱

2答えて

BEM：レイアウトからのブロックの分離

BEMでヘッダブロックを定義する必要があるとします。ヘッダーにはいくつかのインデント（パディング、マージン）が必要ですが、レイアウトはコンポーネントから分離しておくべきであるという共通の理解です。質問は、私のヘッダーブロックCSSの一部としてインデントを指定する必要がありますか、それとも周囲のブロック（レイアウトブロックまたはグリッド）によってのみ提供する必要がありますか？どちらのアプローチも彼

8熱

3答えて

bem内のブロックを含むことができる要素

以下のようにコードを書くのが間違っていると言われました。私は要素がブロックとその悪いb.m.mを含むことができないと思います。 <ul class="b-nav"> <li class="b-nav__item"> <a href="#" class="b-nav__item__link"> Item </a> </li> </ul> 私はこのように

0熱

1答えて

Conguring Hound.ciは、私は私のコードのスタイル警官として<strong><a href="https://houndci.com/" rel="nofollow">Hound CI</a></strong>、と私のCSSの命名のための<strong><a href="http://getbem.com/introduction/" rel="nofollow">BEM</a></strong>を使用していますBEM

で動作するように、とハウンドはBEMが好きではありません。 Boundのクラス名についてのコメントを避けるためにHoundをどのように構成しますか？

3熱

1答えて

要素をBEMのブロック修飾子に依存させることはできますか？

BEMを使用する際によくあることは何ですか？私はどこでも見つけることができません。 SCSSでは、ブロックの修飾子の.block__element dependentを作れますか？たとえば、.header__textは常に白ですが、.headerの修飾語が.header--bgblueの場合のみです。 <div class="header"> <div class="header__t

6熱

4答えて

BEMクラス命名規則との混同。 <code>.header</code></p> <p>どのようにこの場合には命名に対処するために、</p> <pre><code>.menu .menu__element .menu__element--current </code></pre> <p>しかし<code>.menu</code>ブロックが別のブロック内に含まれていると言うことができます：深い1段は、例えば

私はメニュー要素を持つメニューブロックを持っていますか？ .header .header__menu .header__element または .header .header__menu .header__menu__element または .header .menu .menu__element

1熱

1答えて

rscssとbemの違いを知りたい

私はRSCSSとBEMの違いを理解していません。誰かがRSCSSと言い、誰かがBEMと言う。 Plsは私が

0熱

3答えて

BEM命名規約

私はクラスの命名規則としてBEMを使用し始めました。そして、それを把握し始めていますが、私はもっとよく理解したいと思っています。私は、私は十分に簡単である、H2とリンクの両方が白したいと思いますが、私はまたどこオーバーレイ外に存在するブロックの別のタイプを持って、次のブロック... <div class="overlay"> <div class="picturefill">

0熱

1答えて

BEMと他のクラスの継承プロパティ

私はBEMの問題を少しでも抱えています。私は以下を持っています： <ul className="AppHeader__subnav-links"> <li className="AppHeader__subnav-link--active">Details</li> <li className="AppHeader__subnav-link">Conditions</li>