2012-04-28 66 views
7

aa:link之間的區別是什麼?我什麼時候使用兩者之一?「a」和「a:link」之間的區別

+0

我建議總是使用前者,順便說一下。 – Ryan 2012-04-28 03:29:27

+1

@minitech:注意特殊性 - 類和僞類是相等的,這可能是好的或壞的,這取決於你如何編寫選擇器。我通常會將它用於我知道不會在任何其他鏈接狀態中更改的樣式,並僅在必要時才使用覆蓋。例如,某些字體樣式或更高級的東西 - 轉換。 – BoltClock 2012-04-28 03:56:14

回答

13

a:link專門用於尚未訪問的鏈接。 a適用於所有<a>元素。

+0

我不是100%確定的,所以我沒有在我的答案中包含它。感謝你的分享。這很好。 – 2012-04-28 03:30:22

+2

爲什麼這是低調? – BoltClock 2012-04-28 03:34:45

2

約翰·孔德的回答和意見,它很好地描述了選擇的含義,但解決了一個問題,問我想我們需要添加這些:

的選擇a:linka更具體。當您考慮這一點時,這很明顯,但在考慮適用於元素的多個CSS規則的影響時可能會漏掉。

如果你想在一般的鏈接設置的屬性(例如,鏈接的字體面),使用a是簡單如果可以保證a元素,而href屬性不會出現。 (它已經共同設置的目的地使用a元件與name屬性,通常沒有href屬性鏈接;更現代的做法是使用id屬性的任何合適的元件上)

但在大多數情況下,它最好同時使用:link:visited,以避免造成不是鏈接的元素的風險。然後,您將使用:link, :visited {...}爲所有鏈接設置屬性,並使用:link {...}:visited {...}分別爲未訪問鏈接和訪問鏈接設置屬性(通常爲它們設置不同的顏色)。

:linka:link之間的區別除了特殊性之外是:link涵蓋了被分類爲鏈接的元素。儘管目前只有a元素可以創建鏈接,但這可能會在未來的HTML版本中發生變化。

+1

你的回答激勵我寫出更詳細的東西:) http://stackoverflow.com/questions/10587245/is-there-a-reason-to-use-a-instead-of-alink-or-avisited -in-我的樣式表/ 10589840#10589840 – BoltClock 2012-05-14 19:39:34

相關問題