Как поступить в данном случае с наследованием БЭМ в Less?

Question

[tiwawo]

Добрый день. Использую в верстке БЭМ и Лесс. Есть вот такое меню:

<nav class="header-nav">
					<ul class="header-nav__list">						
						<li class="header-nav__item"><a href="/" class="header-nav__link">News</a></li>						
						<li class="header-nav__item"><a href="/" class="header-nav__link">FAQ</a></li>
						<li class="header-nav__item"><a href="/" class="header-nav__link">Contacts</a></li>
					</ul>
				</nav>

.header{
	&-nav{
		&__item{display: inline-block; vertical-align: middle;}
		&__link{padding: 20px 30px;}
	}
}

В чем проблема. У первого пункта меню нет отступа слева, то есть в идеале нужно в итоге .header-nav__item:first-of-type .header-nav__link{padding-left: 0;} Но как это записать в Лесс, что бы не писать внутри &__item полное название класса ссылки .header-nav__link?

Answer 1

[Bowen]

Попробуйте так:

&__item:first-child &__link {
      padding-left: 0;
}

P.S. В вашем случае подойдет лучше first-child. Прочитайте про first-child && first-of-type