Как задать цвет текста к последнему элементу в списке?
Все сделал но почемуто не работает вот 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;
}