繁体   English   中英

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

[英]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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM