我正在尝试在导航栏中设置一些链接。由于我使用的是html5,因此我将链接放在标准<nav>
内,然后是<ul>
然后<li>
标记。我如何设置仅 <nav> <ul> <li>
标签内的链接(我猜伪类)?
我想到了以下但无济于事:
nav ul li a:link, a:visited {}
nav a:link, a:visited {}
我知道我可以使用类和id但是我想知道我是否可以在没有它们的情况下执行它,因为我可能在整个页面中只有一个<nav>
标记,其中包含无序列表。如果你能告诉我是否有可能不使用类和id会很好。
答案 0 :(得分:4)
http://jsfiddle.net/S9RG8/这是一个JS小提琴,展示了如何在导航标签中选择ul内锚的所有伪元素的工作示例。
这应该对您有用,但如果没有,您可能希望在标题中包含HTML5 shiv,以确保您使用的浏览器支持HTML5元素。 code.google.com/p/html5shiv /
希望这有帮助
答案 1 :(得分:1)
也许只需使用a
来设置整个链接的样式。如果此链接处于活动状态或悬停状态,您现在没有样式。之后,您可以为已访问或悬停的链接添加特定样式。