Designate between 2 diff lists- CSS/HTML
<p>If I add another list,how can I make sure it's the list I edit in CSS? Do I assign another <code>div id=?</code> I don't think this will work as In order to edit the TEXT (everything else works in the navbar section besides text-changes) in the <code>dev="navbar</code>, I have to edit the "li {" instead, so if I add another list..how do I target it for changes? Also,I know it's not "properly" formatted, but I'm just trying to understand here. </p>

<p>Here are two images:
<a href="http://i.stack.imgur.com/5Psb3.png" rel="nofollow">HTML</a>
<a href="http://i.stack.imgur.com/5sOIp.png" rel="nofollow">CSS</a></p>

<p>I'm confused why I cannot change any of the Li text properties in the #navbar selection? It forces me to make a </p>

<p>li{ designation in order to get that to change.</p>