Serviceを読んで理解し、同意したものとみなします。スタック・オーバーフローはプログラマーとプログラミングに熱心な人のためのQ&Aサイトです。1,007件0BEMでのクラス名のつけ方を確認して頂きたいのですが、下記でクラス名のつけ方全般に問題はないでしょうか?(簡易なBEMなので、すべては引き継がずという形を目指しています。)タグも間違ってなさそうでしょうか?いろいろな方の意見が聞きたいです。<p>いいいいいいいいいいいいいいいいいいいいいいいいいい。</div>下記はinnerにするべきなのでしょうか?innerは中身ということですがいまいちはっきりしません。translate3d-to-upper-left">・下記が実際の見た目です。下記の要素のセレクタにactiveクラスが足される。.modal-button-wrap__button.activeとなるので、.modal-button-wrap__buttonのみで良い。class="paragraph-oneline">あああああああああああああああああああああああああああああああああああ</p><p>いいいいいいいいいいいいいいいいいいいいいいいいいい。--></a></div>また、BEMのclass名は「Block_key_value」で表します。あるのですが、keyがvalue=色が赤=color_redということでしょうか?主語と目的語ということでしょうか?よくわかりません。票0コメントする前にサンプルコードを修正しておきますね。<p>いいいいいいいいいいいいいいいいいいいいいいいいいい。</div></div>サンプルコードがOOCSS(後述)ぽく見えるので、BEMについて誤解があるように感じられたので補足します。BEMは「Block(親要素)」「Element(子要素)」「Modifier(状態)」の頭文字を取った記法のことです。class名はBlockとElementとの間は__で繋げ、Modifierは--で繋げます。class名は.親要素__子要素__孫要素__...と続いていきます。どこかの要素が少し変わる場合は.親要素--状態変化__子要素という書き方になります。このModifierについて、提示されたURLでは_で繋げて表記されていますが、一般的には--で繋げて、長くなる場合は_で区切ります。「エラーを表示するボックス」はボックスを使い回すために.boxとでもしておきましょう。エラーであるを主張したいので.box--errorにします。あとは中にある要素次第ですが、アイコンがあるのであれば.box--error__iconついで言えばModifierは必ずしもBlockにつける必要はないので.box__icon--cat_...のようにElementにつけることができます。BEMのclass名は「Block_key_value」で表します。あるのですが、keyがvalue=色が赤=color_redということでしょうか?その認識で間違いではありませんが、red自体が赤い色を示しているのでcolor_redは少し冗長的に感じます。言うなら_redでしょうか。先の説明で書き換えるなら--redかなと。3.3の新しい記法」も参考にすると理解が進むと思います。(ここから先は少し自己流が混ざっているのと、先のコードを読むのが大変なのである程度無視して解説しています。class="profile__image"></section>このようになります。class="profile__image"></section>という書き方もできます。人によるところがあるので好みでいいでしょう。</div></div>こうでしょうか。いいclass名が思いつきませんでしたが概ねこんな感じでしょう。</div></div>こんな感じ。読んだ」の2つを読んでみることをおすすめします。その上で己が目指すCSSを書くと良いでしょう。個の銅バッジ(簡易なBEMなので、すべては引き継がずという形を目指しているので、すべては引き継がない形にしています。マルチクラスもありにしています。class名は.親要素__子要素__孫要素__...と続いていきます。どこかの要素が少し変わる場合は.親要素--状態変化__子要素という書き方になります。親要素--モディファイヤーという方が本当に多いですよね。こちらは変形させた場合ですよね。ブロック_モディファイヤー、キー_バリューが正式ですよね。全体を囲むものが、containerで、sectionを囲む物は、wrapとしています。3:57長くなったので回答追加で説明します。|0前半何言ってるのかよくわからないので後半だけコメントしますね。frameというクラス名を採用されていますが、wrapよりそちらの方が現場では多いのですか?特に意味はありません。つけるとしたらwrapやwrapperが多いですが、制作するところによるでしょう。sectionタグは絶対に章節に使われるので、下記で常に良いと考えられないのでしょうか?sectionはマークアップするためのタグとしてHTML5で登場しました。レイアウトするタグとしてsectionではなくdivを推奨されますが、レイアウト目的でなければ問題ありません。あとその.section作る意味がわからないです。profileというクラス名を使われているのでしょうか?.profileは内側のスタイリングです。.frameに記事を入れたい場合は代わりに.articleで括れば可読性が上がります。ME」があったから連想しただけです。BEM特有のclassの冗長化が気になるようであればわざわざBEMで書かずOOCSSで書くべきだと思われます。|回答スタック・オーバーフローに参加してくれて、ありがとうございます!質問の回答を共有してください。回答を説明し、自分の検討結果も共有してください。意見を述べること(意見を述べるなら、参照リソース、自分の経験で意見をサポートしてください)さらにサポートが必要な場合このヘルプを参考してください。“回答を投稿”をクリックすることで利用規約、プライバシーポリシー、及びクッキーポリシーに同意したものとみなされます。タグが付いた他の質問を参照するか、自分で質問をする。会を開催します🎉サイトの未翻訳箇所を見つけて、もくもく会で直しましょう関連する質問10CSSのクラスセレクタと属性セレクタの違い3リサイズした際、指定クラス名の(画面上の)横幅サイズを取得したい2BEM(CSS)を取り入れたサイトを教えて下さい1先祖の要素に特定のクラスを持たない要素のCSSセレクタについて0aタグのホバー効果などたくさんの要素につける場合、拡張性などを考えて、マルチクラスにしますか?0csscombの設定について。思ったように整形してくれません。質問のフィードこのRSSフィードを購読するには、このURLをコピーしてRSSリーダーに貼り付けてください。