Css 将类添加到li元素或a?
我有一个标准的链接列表:Css 将类添加到li元素或a?,css,Css,我有一个标准的链接列表: <li><a href="">one</a></li> <li><a href="">two</a></li> 如果我想向列表项之一添加额外的类,我应该将该类添加到li还是a元素中?什么是最佳实践 非常感谢 Cameron您想要设置什么样式,列表项还是锚定。您可能希望设置锚定的样式,因此如果要设置列表项的样式(例如在创建菜单时),请将其添加到该锚定中,然后将类添加到列
<li><a href="">one</a></li>
<li><a href="">two</a></li>
如果我想向列表项之一添加额外的类,我应该将该类添加到li还是a元素中?什么是最佳实践
非常感谢
Cameron您想要设置什么样式,列表项还是锚定。您可能希望设置锚定的样式,因此如果要设置列表项的样式(例如在创建菜单时),请将其添加到该锚定中,然后将类添加到列表项中。如果要更改链接的外观,请将其添加到定位标记中 真的没有一个正确的答案。你应该设计一个在语义上最有意义的样式。在许多情况下,您可能需要设置列表项和锚定的样式,在这种情况下,您应该将类添加到li标记中,并为两者定义样式
li.myclass {
/* li styles */
}
li.myclass a {
/* link styles */
}
这正是我们所建议的。第二种样式只针对类的列表项中包装的链接。我通常会将其添加到列表项中。。这使您能够灵活地将列表项或其包含的锚标记作为目标
li.class-name {
/* target li class */
}
li.class-name a {
/*target it's anchor */
}
不过,在生产环境中,在引用类名时,最好不要在类名中使用首字母li。这是不必要的(除非您的内存非常糟糕)。如果您只想为列表中的一个链接指定样式,请使用id而不是类。像这样
这样做:
#新风格{
margin:1em;
font-weight:600;
}
我删除了一些在两小时前编辑后没有多大意义的评论。我不是有意粗鲁,只是这些评论不再适用。没问题…:-)我只是想知道为什么你把我建设性的批评纳入你的答案,而另一个答案已经说了同样的话。。。(现在请随意删除这些评论,它们与主题无关。)我不介意被更正,所以这些评论是可以的。我只是不喜欢当我读到一个写着X的答案,然后看到一条写着“你应该提到X”的评论,这可能有点让人困惑。