クラス名で「_」が複数連続する使い方

Question

webサイトフロントエンドでの、クラスの命名規則について教えてください。

よく「col__box」のように、「_」が２つ３つと連続して使われているのを見かけます。

これはどのような意図ですか？

そのほか、オススメの命名規則があればぜひ教えてください。

よろしくお願い致します。

###追記
あと、

<div class="box_post css_flex css_flex_wrap css_color_red"></div> のようにして、HTMLのクラス名にCSSが入っているのは何が便利ですか？ やたらめったらあって見にくく感じてしまうのですが。

Comments

[think49]

言語をHTML/CSS/JavaScriptから限定して下さい。すべての言語で同じ名前を見かけたわけではないですよね。

[akino5]

「HTML/CSS」でお願いします。

[think49]

では、HTML/CSSのクラス名である事が明確になるように質問本文、タグを修正して下さい。JavaScriptにもclassがあります。

Answer 1

BEMですかね？
BEMを参考にしたCSS設計

日本ではFLOCSSが多いようですが、たくさんあるので自分に合うものを探してみては？
各CSS設計手法を取り入れる上でのメリット・デメリットをまとめてみた

Comments

[akino5]

ありがとうございます。名前が知れてよかったです。調べてみます。

Answer 2

「命名規則」といっても絶対的な制約はなく、作り手の都合だと思います。
使える文字のような実際の制約は下記

• id名/class名に使用できる文字の種類

あとはなるべく統一感が出るように、とか、長すぎないけど短すぎないように・・・とか
いずれにしても「作り手の都合で作り手が管理しやすい」に終始するように思います。

下記のような考察記事も参考にしてください

• [OOCSS/BEM/SMACSS] HTML/CSSのclassの命名規則について、今ふたたび考える

Comments

[akino5]

ありがとうございます。種類が整理されていると便利ですね。

[m.ts10806]

修正したつもりが反映されてませんでしたので調整しました