Почему у меня не срабатывает псевдокласс :nth-child?

Question

[sleepy_hungry]

Прошу помочь разобраться

html

<ul class="menu d-flex">
						<li><a href="#main" class="menu__item">Main</a></li>
						<li><a href="#features" class="menu__item">Features</a></li>
						<li><a href="#gallery" class="menu__item">Gallery</a></li>
						<li><a href="#team" class="menu__item">Team</a></li>
						<li><a href="#contacts" class="menu__item">Contacts</a></li>
					</ul>

css

.menu {
	justify-content: space-between;
	padding: 50px 0;
}

.menu__item {
	padding: 0 15px 37px;
	border-bottom: 3px solid transparent;
	position: relative;
	z-index: 2;
}

.menu__item:nth-child(5) {
	padding-right: 0;
}

Answer 1

[Сергей delphinpro]

.menu__item единственный потомок <li>

.menu > li:nth-child(5) > .menu__item { padding-right: 0; }

А лучше, наверное, у последнего обнулять

.menu > li:last-child > .menu__item { padding-right: 0; }