クラス名の記述で「__」と「div」ってどういう意味ですか？

Question

海外製のプラグインのカスタマイズで、製作者に問い合わせたところ、

.user__ .page-nation .reactiveBarContents___ .reuseElementBlock___ .alignLeft___ + div {
  margin: 54px auto 0;
}

をcssファイルに入れてくれと来ました。
「__」のような長いアンダースコアを後ろにつけたり、
「 + div」といった見慣れない記述があったのですが、どういう意味(慣習？)なのでしょうか？

ググっても出てこなかったので知ってる方は教えていただけると助かります。
一応アメリカのプラグインです、
よろしくお願いします。

Answer 1

アンダースコア2つ、あるいはハイフン2つであれば、
BEMという、CSSクラス名の命名スタイルが使われている可能性がある
と思ったのですが、
ご指摘のコードは、ちょっとBEMっぽくないですね。
単なるローカルのコーディングスタイルのような気がします。

ちなみにBEMは、block, element, modifierの略です。
"css bem"でググってみると出てきますよ。

Answer 2

「__」のような長いアンダースコアを後ろにつけたり、

単純にHTMLのクラス名に「__」が付いているということでしょう。
クラス名の途中にアンダースコアをいれて単語を区切るという命名法はよく見かけますが、最後につけるというのは初見です。

「 + div」といった見慣れない記述があったのですが、どういう意味(慣習？)なのでしょうか？

隣接兄弟結合子です。

隣接兄弟結合子 - CSS: カスケーディングスタイルシート | MDN

Comments

[takawork]

プラグインの中身を見てもクラス名についてます。私も海外の慣習なんですかね。回答ありがとうございました。