[英]What is the benefit of using HTML5 tags like <article>, <section>, <figure>, <header>, <footer>, <nav>?
[英]Using CSS to style links within specific tags (header, nav, article, footer) without classes or id's?
我正在尝试在导航栏中设置一些链接的样式。 由于我使用的是html5,因此已将链接放置在标准<nav>
,然后放置了<ul>
和<li>
标记。 我该如何只设置<nav> <ul> <li>
标记内的链接的样式(我在猜测伪类)?
我想到以下内容,但无济于事:
nav ul li a:link, a:visited {}
nav a:link, a:visited {}
我知道我可能正在使用类和id,但是我想知道是否可以在没有它们的情况下使用它,因为我可能在整个页面中只有一个<nav>
标签,并且其中没有无序列表。 如果您可以让我知道不使用类和id的情况是否可行,那就太好了。
http://jsfiddle.net/S9RG8/这是一个JS提琴,显示了如何在nav标签内的ul中选择锚的所有伪元素的有效示例。
这应该适合您,但如果不是,则可能需要在标头中包含HTML5 shiv,以确保您使用的浏览器支持HTML5元素。 code.google.com/p/html5shiv/
希望这可以帮助
也许只是使用a
来对链接进行整体样式设置。 现在,如果此链接处于活动状态或悬停状态,您将没有样式。 之后,您可以为访问或悬停的链接添加特定的样式。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.