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

Question

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

<li><a href="">one</a></li>
<li><a href="">two</a></li>

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

非常感谢!

卡梅伦

Answer 1

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

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

li.myclass {
    /* li styles */
}

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

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

Answer 2

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

li.class-name {
    /* target li class */

}

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

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