@sleepy_hungry

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

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

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;
}
  • Вопрос задан
  • 48 просмотров
Решения вопроса 1
delphinpro
@delphinpro Куратор тега CSS
frontend developer
.menu__item единственный потомок <li>

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


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

.menu > li:last-child > .menu__item { padding-right: 0; }
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Sveak Барнаул
от 50 000 руб.
NetLab Москва
от 35 000 до 50 000 руб.
НТЦ РОСТ Москва
от 150 000 до 250 000 руб.