@sergei026
Стремлюсь стать верстальщиком

Как задать цвет текста к последнему элементу в списке?

Как задать цвет текста к последнему элементу в списке?
Все сделал но почемуто не работает вот html
<header>
		<div class="logo">
			<a href="#"><img src=""></a>
		</div>
		<nav>
			<ul class="nav-inner">
				<li><a href="#">Доставка и оплата</a></li>
				<li><a href="#">Отзывы</a></li>
				<li><a href="#">Характеристика</a></li>
				<li><a href="#">оформить заказ</a></li>
			</ul>
		</nav>
	</header>


вот css

body{
	padding: 0px;
	margin: 0px;
	font-family: 'Oswald', sans-serif;
	font-size: 20px;
}
header{
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: black;
	color: white;
}
header nav ul{
	display: flex;
	list-style: none;
	margin: 10px 20px;
	flex-wrap: nowrap;
}
header nav ul li a{
	padding: 5px;	
	text-decoration: none;
	text-transform: uppercase;
	color: white;
	letter-spacing: 1.3px;
	font-size: 20px;
}
header> nav> ul> li> a:last-child{
	color: red;
}
header nav ul li{
	min-width: 200px;
	justify-content: center;
	display: flex;
}
  • Вопрос задан
  • 103 просмотра
Решения вопроса 1
alexey-m-ukolov
@alexey-m-ukolov Куратор тега CSS
header > nav > ul > li:last-child > a {
  color: red;
}
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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