HTML+CSS+JavaScript

Здравствуйте
подскажите как правильнее оформлять css

есть например

<ul>   <li><a href="">link 1</a></li>   <li><a href="">link 2</a>     <ul>         <li><a href="">sub link 1</a></li>     </ul>   </li> </ul>

если задать в css  ul li a { color:red; }

то красным будет и ссылка в ul li a и в ul li ul li a
если добавить

ul li ul li a { color:green; }

соответственно sub link будет зеленым.... но ведь сначала ей назначается стиль из ul li a а затем переписывается на последующий....

может лучше написать так

ul > li > a { color:red; }

или я понапрасну парюсь?

А не проще ли использовать классы?

li a {color: red; } .greenlink a {   color: green; }

Для всех ссылок в списке задать один цвет, для списка с классом - другой.