使用 CSS 设置特定标签(页眉、导航、文章、页脚)内链接的样式，而无需类或 id？

Question

我正在尝试在导航栏中设置一些链接的样式。由于我使用的是html5，所以我已经将链接放置在标准<nav>中，然后是<ul>，然后是<li>标记。如何仅对<nav> <ul> <li>标记中的链接设置样式(我猜是使用伪类(？

我想到了以下几点，但都无济于事：

nav ul li a:link, a:visited {}
nav a:link, a:visited {}

我知道我可以使用类和id，但我想知道我是否可以在没有它们的情况下做到这一点，因为我可能在整个页面中只有一个<nav>标签，里面有一个无序的列表。如果你能让我知道不使用类和id是否可行，那就太好了。

Answer 1

http://jsfiddle.net/S9RG8/这里有一个JS fiddle，展示了如何在nav标签中的ul中选择锚的所有伪元素的工作示例。

这应该对你有用，但如果不是，你可能想在你的头中包含一个HTML5 shiv，以确保你使用的浏览器支持HTML5元素。code.google.com/p/html5shiv/

希望这能帮助

Answer 2

也许只需使用a将链接作为一个整体进行样式设置。现在，如果此链接处于活动状态或悬停状态，则没有样式。之后，您可以为已访问或悬停的链接添加特定样式。