Как по BEM правильно верстать вложенные списки?

Question

[Егор Астрейко]

Как по BEM правильно верстать вложенные списки?

Первый вариант

<!-- BEGIN .list -->
					<div class="list">
						<ul>
							<li>
								<span>Cum sociis natoque penatibus et</span>
							</li>
							<li>
								<span>Magnis dis parturient montes luctus pharetra vulputate</span>
								<ul>
									<li>
										<span>Cum sociis natoque penatibus et</span>
									</li>
									<li>
										<span>Magnis dis parturient montes luctus pharetra
											vulputate</span>
										<ul>
											<li>
												<span>Cum sociis natoque penatibus et</span>
											</li>
											<li>
												<span>Magnis dis parturient montes luctus pharetra
													vulputate</span>
											</li>
										</ul>
									</li>
								</ul>
							</li>
						</ul>
					</div>
					<!-- END .list -->

Второй вариант

<!-- BEGIN .list -->
					<ul class="list">
						<!-- BEGIN .list__item -->
						<li class="list__item">
							<!-- BEGIN .list__text -->
							<span class="list__text">Cum sociis natoque penatibus et</span>
							<!-- END .list__text -->
						</li>
						<!-- END .list__item -->
						<!-- BEGIN .list__item -->
						<li class="list__item">
							<!-- BEGIN .list__text -->
							<span class="list__text">Magnis dis parturient montes luctus pharetra vulputate</span>
							<!-- END .list__text -->
							<!-- BEGIN .list -->
							<ul class="list">
								<!-- BEGIN .list__item -->
								<li class="list__item">
									<!-- BEGIN .list__text -->
									<span class="list__text">Cum sociis natoque penatibus et</span>
									<!-- END .list__text -->
								</li>
								<!-- END .list__item -->
								<!-- BEGIN .list__item -->
								<li class="list__item">
									<!-- BEGIN .list__text -->
									<span class="list__text">Magnis dis parturient montes luctus pharetra
										vulputate</span>
									<!-- END .list__text -->
									<!-- BEGIN .list -->
									<ul class="list">
										<!-- BEGIN .list__item -->
										<li class="list__item">
											<!-- BEGIN .list__text -->
											<span class="list__text">Cum sociis natoque penatibus et</span>
											<!-- END .list__text -->
										</li>
										<!-- END .list__item -->
										<!-- BEGIN .list__item -->
										<li class="list__item">
											<!-- BEGIN .list__text -->
											<span class="list__text">Magnis dis parturient montes luctus pharetra
												vulputate</span>
											<!-- END .list__text -->
										</li>
										<!-- END .list__item -->
									</ul>
									<!-- END .list -->
								</li>
								<!-- END .list__item -->
							</ul>
							<!-- END .list -->
						</li>
						<!-- END .list__item -->
					</ul>
					<!-- END .list -->

Answer 1

[Realetive]

Второй вариант.

Comments

[Егор Астрейко]

Хорошо, а для вложенного списка, нужно добавлять модификатор list--lv-2 ?

[WapSter]

Егор Астрейко, ты собираешься его как то по особенному стилизовать?

[Realetive]

Егор Астрейко, если этого требует вёрстка.

[Егор Астрейко]

WapSter, да, что бы было отличие в маркерах в зависимости от вложенности

[WapSter]

Егор Астрейко, тогда да.

[Егор Астрейко]

Спасибо .