CSS Presentation and Positioning - Оцветяване само на пределен хиперлинк в ul

Здравейте,

Съществува ли възможност едновременно в няколко <ul> да задам хиперлинка във всяко първо <li> да се визуализира с примерно бял , а останалите <li> да са в друг цвят. Идеята да не слагам class всяко първо <li> от списъка. ( li с Големите букви)

Опитваха с li:first-child но там като дам color  и сменя цвета на точката ако не съм я забранил.

Ето ги  HTML и  CSS:

<!DOCTYPE html>

  <html lang="en">

  <head>

    <meta charset="UTF-8">

    <title>Social Media</title>

    <link rel="stylesheet" href="Social Media1.css">

  </head>

  <body>
  <div>
    <ul>

        <li><a href="">my account</a></li>

        <li><a href="">orders</a></li>

        <li><a href="">profile details</a></li>

    </ul>

  </div>
  <div>

    <ul>

        <li><a href="">extras</a></li>

        <li><a href="">about us</a></li>

        <li><a href="">contact us</a></li>

        <li><a href="">gift certificates</a></li>

    </ul>

  </div>
  <div>

    <ul>

        <li><a href="">customers service</a></li>

        <li><a href="">about your order</a></li>

        <li><a href="">wish list</a></li>

        <li><a href="">compare list</a></li>

    </ul>
  </div>
  <div>

    <ul>

        <li><a href="">customers service</a></li>

        <li><a href="">about your order</a></li>

    </ul>

  </div>

  

  </body>

  </html>

* {
    margin: 0;

    padding: 0;

}

  

  body {

    background: #292929;
}

  a {

    text-decoration: none;

    color: #B0B59F;

}
  div {

    float: left;

    font-size: 1.3rem;

    margin: 20px 20px;

    font-family: serif;

    list-style-type: none;

}
  li {

    text-transform: capitalize;

    list-style-type: none;
}


  li:first-child {

    text-transform: uppercase;

    margin-bottom: 20px;

    font-weight: bold;

}