当前位置:  开发笔记 > 前端 > 正文

在li元素或a中添加一个类?

如何解决《在li元素或a中添加一个类?》经验,为你挑选了2个好方法。

我有一个标准的链接列表:

  • one
  • two
  • 如果我想在其中一个列表项中添加一个额外的类,我应该将该类添加到li还是a元素?什么是最佳做法?

    非常感谢!

    卡梅伦



    1> Bill the Liz..:

    如果您要为列表项设置样式,例如在创建菜单中,则将该类添加到列表项.如果要更改链接的外观,请将其添加到锚标记.

    真的没有一个正确的答案.你应该在语义上设计最有意义的那个.在许多情况下,您可能需要设置列表项锚的样式,在这种情况下,您应该将类​​添加到li标记并为两者定义样式.

    li.myclass {
        /* li styles */
    }
    
    li.myclass a {
        /* link styles */
    }
    

    这几乎是亚历克斯建议的.第二种样式仅针对包含在类的列表项中的链接.



    2> alex..:

    我通常会将它添加到列表项..这使您可以灵活地使用CSS定位列表项或它包含的锚标记

    li.class-name {
        /* target li class */
    
    }
    
    li.class-name a {
        /*target it's anchor */
    }
    

    但是在制作中,你最好在引用时将最初的li从类名中删除.这是不必要的(除非你有一个非常糟糕的记忆).

    推荐阅读
    我我檬檬我我186
    这个屌丝很懒,什么也没留下!
    DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
    Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有