PHP8.1.21版本已发布
vue8.1.21版本已发布
jquery8.1.21版本已发布

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

原创
2016-06-24 12:23:05 1200浏览

本帖最后由 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)

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。