使用CSS来设置特定标签(页眉,导航,文章,页脚)中的链接的样式,而不使用类或ID?

时间:2011-08-27 20:47:23

标签: html5 css

我正在尝试在导航栏中设置一些链接。由于我使用的是html5,因此我将链接放在标准<nav>内,然后是<ul>然后<li>标记。我如何设置 <nav> <ul> <li>标签内的链接(我猜伪类)?

我想到了以下但无济于事:

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

我知道我可以使用类和id但是我想知道我是否可以在没有它们的情况下执行它,因为我可能在整个页面中只有一个<nav>标记,其中包含无序列表。如果你能告诉我是否有可能不使用类和id会很好。

2 个答案:

答案 0 :(得分:4)

http://jsfiddle.net/S9RG8/这是一个JS小提琴,展示了如何在导航标签中选择ul内锚的所有伪元素的工作示例。

这应该对您有用,但如果没有,您可能希望在标题中包含HTML5 shiv,以确保您使用的浏览器支持HTML5元素。 code.google.com/p/html5shiv /

希望这有帮助

答案 1 :(得分:1)

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