2015-02-09 64 views
0

我有一個非常困難的時間獲取:鏈接和:訪問以處理我的鏈接。我一直在網上搜索幾個小時,並閱讀了20多個同樣問題的不同實例。奇怪的是,:懸停和:主動正在工作。到底是怎麼回事?CSS:鏈接和:訪問不起作用

下面是我的樣式表的代碼行:

H1 { text-align: center; width:1000px; font-size: 30pt; font-weight: bold; } 

a.artlinks:link {color:#40C0FF; text-decoration: none; font-family: Cambria, Arial; } 

a.artlinks:visited { color:#FF00FF; text-decoration: none; font-family: Cambria, Arial; } 

a.artlinks:hover {color:#98D7F6; text-decoration: none; font-family: Cambria, Arial; } 

a.artlinks:active {color:#FF0000; text-decoration: none; font-family: Cambria, Arial; } 

,當我把它在我的.html代碼:

<h1><a href="helloworld.html" class="artlinks">Hello World!</a></h1> 

有沒有人有一個解決方案,也更高效如何同時給出常用的a.artlinks參數?謝謝

+0

使用正確的html! 'code'

helloworld

'code' – 2015-02-09 10:10:57

+0

link working for me。 - http://jsfiddle.net/n0qo7ybp/1/ – 2015-02-09 10:20:05

+0

kasper爲什麼不告訴我如何實際插入html標籤,因爲當我寫出我的帖子時,它顯示的是字面單詞「hello world」而不是代碼 – 2015-02-09 20:03:11

回答

1

您的代碼需要一些整理,但這是我該怎麼做(編輯我從h1中刪除寬度屬性用於演示目的)。

H1 { 
    text-align: center; 
    font-size: 30pt; 
    font-weight: bold; 
} 

a.artlinks { 
    text-decoration: none; 
    font-family: Cambria, Arial; 
    color:#40C0FF; 
} 

a.artlinks:visited { 
    color:#FF00FF; 
} 

a.artlinks:hover { 
    color:#98D7F6; 
} 

a.artlinks:active { 
    color:#FF0000; 
} 

看到這個的jsfiddle:http://jsfiddle.net/lharby/zkb8thck/

作爲一類具有相同的屬性,你可以在a.artlinks(FONT-FAMILY,文字修飾),一旦定義這些。然後可以定義唯一的其他元素:懸停,活動等。

+0

我仍然沒有看到出現在訪問狀態的洋紅色。 – 2015-02-09 10:22:58

+0

@pjp嘗試更新的小提琴中的第二個鏈接:http://jsfiddle.net/lharby/zkb8thck/1/ – lharby 2015-02-09 10:28:32

+0

呃我!爲了訪問工作,鏈接必須指向瀏覽器已經訪問過的資源。 – 2015-02-09 10:33:55