簡體   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