BEMを使った投稿規則

#BEMとは
Block,Element,Modifyの略称です。下記以下の通り属性になります

・Block（ある要素のおおもとになる要素）
・Element（blockに属する子要素）
・Modify（block,elementを特別に修飾する要素）

##命令規則について

・blockとelementをつなぐ場合はアンダーバー２つ（__）書く。
・modifyをつなぐ場合はハイフン２つを(--)書く

このような命令規則を使って以下のように記述します。
例えば、以下のようなhtmlこのように書きます。

    <div class='name__list'>JACK</div>
    <div class='name__list title__list--back-white'>NANCY</div>
</div>```

このように書いたら以下のようにcssで書けます。

```.block {
  list-style: none;
  .block__list {
    background-color: blue;
    font-size: 50px;
    color: red;
    float: left;
    text-align: center;
    width: 50%;
    .block__list--back-white {
      background-color: white;
      color: green;
    }
  }
}```

色々とややこしい部分もあると思うのでここで復習の一環として記述しました。