2009-02-18 41 views
2

我有一个链接标准列表:添加一个类到li元素或a?

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

如果我想要一个额外的类添加到列表中的项目之一,我应该将该类添加到一个元素?什么是最佳做法?

非常感谢!

Cameron

回答

11

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

真的没有一个正确的答案。你应该设计一个最有意义的语义。在很多情况下,您可能需要对列表项目进行样式定位,在这种情况下,您应该将类​​添加到li标签并为两者定义样式。

li.myclass { 
    /* li styles */ 
} 

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

这几乎是alex建议的。第二种风格仅针对包含在你的类的列表项中的链接。

+0

我删除了一些评论说,没有我在2小时前编辑后太大的意义。我并不是故意粗鲁,只是这些评论不再适用。 – 2009-02-19 15:49:14

+0

没问题... :-) 我只是想知道为什么你把我的*建设性*批评纳入你的答案,当另一个答案已经说过同样的事情... (随时删除这些评论,他们不是在主题上。) – 2009-02-19 16:58:54

1

什么是你想要的风格,列表项目或锚点。您可能想要设置锚点的样式,所以将它添加到该列表中

5

我一般将它添加到列表项..这使您可以灵活使用CSS为目标的列表项或包含

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

} 

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

在生产中虽然锚标记,你最好离开当引用它时,类名称的初始值为。这是不必要的(除非你有一个非常糟糕的记忆)。

0

如果您只想将样式分配给列表中的某个链接,请使用id而不是类。像这样。

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

和风格它像这样:

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