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”的评论,这可能有点让人困惑。