下面这段css是用来控制class为headli1里面所有a标签，鼠标on的效果。怎样用css只得到里面class为headli1里面第一个a标签？_html/css_WEB-ITnose

本帖最后由 Henry_YQH 于 2013-07-28 22:58:08 编辑

				调度日志				 
				 
   中焯                                 
				 
   大智慧                                 
				 
				

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

现在上面的css是所有a标签on的时候，它所在的li的css都有这个效果，怎样只让第一个a标签，所在的一行的li得到上面的css？

回复讨论(解决方案)

用css实现不能兼容所有浏览器，可以用js来实现

用css实现不能兼容所有浏览器，可以用js来实现
js这么多li ul li， 也比较烦啊，我试过了 ，这种css所有浏览器都兼容 。

如果li的class不一样也可以。
试试
.headli1 a.1ttt:on{
...
}

是这种布局吗

是这种布局吗

你还是没有明白我的意思 这样把 你QQ多少 我QQ上跟你说吧

是这种布局吗

你还是没有明白我的意思 这样把 你QQ多少 我QQ上跟你说吧
1518221897

CSS3可以实现 #nav li:nth-child(1)