![](/img/trans.png)
[英]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.