BEMの規則について。elementの中にblockは入りますか？

Question

BEMの規則について。elementの中にblockは入りますか？

下記のソースコードは、”list__item”というelementの中に”list”というブロックが入れ子になっていますが、
文法上正しいでしょうか？

HTML

	<nav>
		<ul class="list list--lv-1">
			<li class="list__item list--lv-1__item"><span class="">list__item list--lv-1__item</span>
				<ul class="list list--lv-2">
					<li class="list__item list--lv-2__item"><span class="">list__item list--lv-2__item</span>
						<ul class="list list--lv-3">
							<li class="list__item list--lv-3__item"><span class="">list__item list--lv-3__item</span></li>
						</ul>
					</li>
				</ul>
			</li>
		</ul>
	</nav>

Comments

[退会済みユーザー]

まずタグですがJavascriptは関係ないので削除してください。

Answer 1

どのようなスタイルが当てられているかにもよります。
リストがネストされていったとき、そのネストされたリストも親リストと同じように見える必要がある場合、共通のブロックを使うことができます。
しかし、ネストされたリストと親のリストで共通するスタイルがない場合は、新しい名前を使用することを検討するべきだと思います(list--innerなど)。

Answer 2

https://original-game.com/css-bem/
elementの中にblockは入るようです。ありがとうございました。