欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-04-10 19:12:50
...
本帖最后由 Henry_YQH 于 2013-07-28 22:58:08 编辑

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



  • #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)