Select the last item in nested ul

by Kheema Pandey

HTML

<nav>
    <ul>
        <li><a href="index.html">HJEM</a></li>
        <li><a href="forum">FORUM</a></li>
        <li><a href="doner.html">DONER</a></li>
      <li><a href="servere.html">SERVERE</a></li>
      
        <li> <a href="faq.html">FAQ</a>
         
          <ul class="submenu">
           <li><a href="faq.html">FAQ</a></li>
            
          </ul>
      </li>
       <li><a href="kontakt.html">KONTAKT</a></li>
  </ul>
</nav>

CSS

nav {margin: 10px auto; width: 700px;}
    nav ul {width: 700px; height: auto; list-style: none; float: left; padding:0;}
    nav ul li a {
    background: #FFFFFF;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 18px;
    text-align: center;
    color: #717171;
    text-decoration: none;
    float: left;
    padding: 8px 0;
    width: 106px;
    margin: 0px 10px 0 0;
    }
nav ul li{ position:relative; float:left;}
nav ul li a:hover {background: #f1f1f1;}


nav ul li ul.submenu {
    position: absolute;
    width: auto;
    display:none;
    top: 35px;
}

nav ul > li:hover > ul {
    left: 0;
    display: block;
}

nav ul li li:last-of-type a{color:#717171;font-size:16px;}

nav li:nth-last-child(1) a{color:red;font-size:16px;}