@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;
}
  • Вопрос задан
  • 52 просмотра
Решения вопроса 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; }
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы