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

Frontend developer HTML / CSS
1

Подскажите как задать цвет текста для последнего элемента списка:

2


<div class="logo">
<a href="#"><img src="">


<ul>

  • <a
    • href="#">Магазин
  • <a
    • href="#">Доставка и оплата
  • <a
    • href="#">О нас
  • <a
    • href="#">обратный звонок


    header nav ul li a{
    color: white;
    letter-spacing: 1.1px;
    font-size: 24px;
    padding: 10px;
    text-transform: uppercase;
    text-decoration: none;
    }
    header> nav> ul> li> a:last-child{
    color: red;
    }

    Вот код, почему не срабатывает?

    3

    Потому что нужно обращаться именно к последнему элементу списка:

    header > nav > ul > li:last-child > a {
    color: black;
    background-color: #f08b18;
    }