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

この投稿は、Henry_YQH によって、2013-07-28 22:58:08 に最終編集されました。

<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);}

上記の CSS は、すべての a タグがオンになっているときのもので、それが配置されている li の CSS はこの効果があります。最初の a タグが配置されている行の li のみに上記の CSS を取得させるにはどうすればよいですか?

ディスカッション（解決策）への返信

cssでの実装はすべてのブラウザと互換性があるわけではありません、jsを使用できます

cssでの実装はすべてのブラウザと互換性があるわけではありません、jsを使用できます
たくさんありますjs li li、これもかなり面倒なので試してみましたが、この種の CSS はすべてのブラウザに対応しています。

リのクラスは違っても大丈夫です。
Try
.headli1 a.1ttt:on{
...
}

レイアウトですか？ QQ でこれを好きですか？ QQ で教えてください

これはレイアウトですか？


私が何を言っているのかまだわかりません。 QQ
1518221897

CSS3 は #nav li:nth-child(1) を実現できます