次の CSS は、マウスオンのクラスで headli1 内のすべての a タグの効果を制御するために使用されます。 CSSを使用してheadli1の最初のaタグのみをクラスで取得するにはどうすればよいですか? _html/css_WEB-ITnose

<li class="headli1"><a href="#" class="1ttt">				调度日志<img id="imgSelectHead1" class="linkMsg" src="/LogService/images/link.jpg" /></a>				 <ul class="ul1">				 <li class="test1"><a style="color:#6C7FA4" href="#"><img id="imgSelect1" class="selectedImg" src="/LogService/images/selected.png" />   中焯</a>                                 </li>				 <li class="test2" ><a style="color:#6C7FA4" href="returnPage2"><img id="imgSelect2" class="selectedImg" src="/LogService/images/selected.png" />   大智慧</a>                                 </li>				 </ul>				</li>

#nav li a.on{  background:#F3F7FD; width: 114px; margin-left: 1px; background-image: url(/LogService/images/nav1.png);}