【BEM】

1.BEM

CSS設計(CSSを記述する時のメール)
クラスの命名規則

2.メリット

①クラスの命名が簡単になる
②要素の再利用がしやすくなる

3.Block

ある要素の大元となるブロック要素
命名には名詞を使用

4.Element

Blockに属する子要素
一つ以上のElementによってBlockは構成されている
命名には名詞を使用

5.Modifier

Blockまたは、Elementに特別な修飾をする要素
命名には形容詞を使用

6.命名規則

①BlockとElementをつなぐ場合には、__(アンダースコア)を2つでつなぐ
②Modifierにつなぐ場合は、--(ハイフン)を2つでつなぐ

<div class="search">
  <input class="search__input"></input>
  <input class=""search__input--black></input>
</div>