Controlling the Navigation with CSS

[fordp86]

I have been looking everywhere for this answer and can't seem to find it so I am giving up and asking for help.

I have the nav component inside of a div id with a class for the nav ul but I am not sure how to style the li for the un-ordered list. Can anyone help? Here is my codE.

Code:

<div id="navbar">
<ul class="nav">
    <?php get_navigation(return_page_slug()); ?>
</ul>
</div>

Code:

#navbar a ul {
    list-style-type: none;
    display: inline;
    height: 69px;
    width: 624px;
    left:311px;
    font-family: 'ChunkFive', Arial, sans-serif;
    color: #11B4E0;
    
}


.nav ul  a{
    list-style-type: none;
    display: inline;
    font-family: 'ChunkFive', Arial, sans-serif;
    color: #11B4E0;
    font-size:24px;
}


.current li {
list-style-type: none;
    display: inline;
     font-family: 'ChunkFive', Arial, sans-serif;
  color: #11B4E0;
  font-size:24px;

  

}
.current a{
  list-style-type: none;
  display: inline;
  color: #11B4E0;
  font-family: 'ChunkFive', Arial, sans-serif;
  font-size:24px;

}

I tried styling for class current but that only does the current page link. I think something is overriding it but I am not sure.