在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 */
}

这几乎是alex建议的内容。第二种样式仅针对包含在您的类的列表项中的链接。

Answer 2

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

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

}

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

在制作中，你最好在引用它时将初始li从类名中删除。这是不必要的（除非你有非常糟糕的记忆）。

Answer 3

您想要样式，列表项或锚点是什么。您可能想要为锚定样式，因此将其添加到

Answer 4

如果您只想为列表中的某个链接指定样式，请使用id而不是类。像这样。

<li id="new_style"><a href="">one</a></li>

并且风格如此：

#new_style { margin: 1em; font-weight: 600; }