BEMネスティング命名規則 - 孫要素

Question

私はfollwing HTML

<div class="listing listing--with-margin"> 
    @foreach($recipients as $recipent) 
     <span class="listing__item">{{ $recipent }} <input type="checkbox"></span> 
     <span class="listing__item">{{ $recipent }} <input type="checkbox"></span> 
    @endforeach 

チェックボックス上のクラスは

<input type="checkbox" class="listing__input"> 

または

<input type="checkbox" class="listing__item listing__input"> 

であるべきを持って、私はオプション1ができたと思います私が書いてくれるのは、あまり巣立っていないぞっとしています。

Answer 1

BEM documentationのNamingページを見ると、下部にフォームブロックがあるサンプルセクションが表示されます。

この例では、<form>要素があり、そのうちの1つは<input />です。

各<input>は、両方のブロック.formクラスから継承、.form__input又は.form__submitいずれかのその自身要素のクラスを有します。彼らはクラス以上を継承しません。

しかし、それらには複数の修飾子クラスがあることに気づくでしょう。