2016-07-26 4 views
-1

私は、クラス名の先頭に大文字を付けている人が増えています。たとえば、次のスニペットで 'o-'と 'a-'を入力します。これらのCSSクラスの最初の文字は何を指していますか?

<div class="o-main-header"> 
    <div class="o-main-header__logo"> 
    <a class="m-svg-icon o-main-header__logo-svg">...</a> 
    </div> 
</div> 

これらの文字は何を表していますか?これはBEMの一部ですか?

ありがとうございます!

+1

おそらくいくつかのテンプレートシステムですが、それ自体をcssするのは意味がありません。あなたはクラス "フレッド"または "子猫"を呼び出すことができます。それはCSSに関する限りの名前です。 –

+0

あなたはどこのサイトを見ましたか? – atha

+0

@athaいくつか。彼らはBrad Frostの「Atomic Design」テンプレート作成者です:http://demo.patternlab.io/?p=organisms-header。 – jonnykates

答えて

0

私はこれが見つかりました:彼らは、各クラスのスコープに関連 http://csswizardry.com/2015/03/more-transparent-ui-code-with-namespaces/

を。

+0

これはBEM方法論と呼ばれています。詳細はこちら[こちら](https://css-tricks.com/bem-101/) – dippas

+0

私はBEMに精通していますが、そのページの名前空間文字もBEMのドキュメントもありませんでした。そのため、別の命名規則の一部であるかどうかは疑問でした。 – jonnykates

関連する問題