2017-05-05 42 views
3

公式サイトがわからないのですが、getbem.comen.bem.infoが見つかりました。CSS BEM、修飾子の文字列.. ..?

CSSクラスは、ブロックのか、要素の名前に加えて2つのダッシュとして形成されている:

一つは、修飾子(Naming)のため--を使用することを提案しています。修飾子(Modifier name)用

_

修飾名は、単一の下線(_)で区切られています。

私はどちらも使用できますが、実際には一貫性があることが重要ですが、可能な限り公式仕様を試してみたいと思います。

  • どちらが公式サイトですか。
  • 修飾子には、実際には--または_を使用しますか。
+0

BEMの公式スペック/ウェブサイトは確かではありません...いずれにしても、一貫性の問題を既に理解しているので、一貫性があります:) – chazsolo

答えて

3

公式のウェブサイトはどちらですか?

はBEMは、彼らが後でen.bem.infoに正式にYandexにより、ガイドラインの非公式セット、としてスタートし、そうその点でen.bem.infoはBEMの「正規」版です。それと

があり、多くの味BEMのがあり、私自身がHarry RobertsNicolas Gallagherによって大部分が影響を受けたバリアントを使用する、と述べました。

これはあなたの次の質問に私をもたらします:

私は本当に修飾のため--または_を使用する必要がありますか。

私の答えは:あなたの使用方法は一貫している必要がありますが、あなたが使用しているBEMの亜種についてはどんな文字を使用してもかまいません。あなたのチームの誰もが標準化しているの変形であるを理解していることを確認してください。

これは、タブと2つのスペースと4つのスペース(vs hotdogs)を使用した場合と似ています。それは、人々が非合理的に強い個人的な好みを持っている傾向がある何かを超えて、実際には違いをもたらさない。人を正規支援するため

、私は例のブロックの構文、要素、およびバリアントが上の正規化されたものを示してい修飾子を使用します。

を私が主に使用するために使用:

the-block__the-element--the-modifier 

しかし、私現在好ましい:

TheBlock_theElement-theModifier 

簡略化のため。

+0

en.bem.infoに関する特別セクションもあります:https://en.bem.info/methodology/naming-convention/#which-style-to-choose;) – tadatuta