CSS a：懸停不按預期工作

我試圖建立我的第一個網站，並試圖在CSS中使用「a：hover」功能，但無法使其工作 - 鏈接看起來是否相同，無論是懸停或不。CSS a：懸停不按預期工作

這裏是我的CSS文件中的一個片段：

/* main page elements */ 
    a:link 
    { 
     text-decoration: none; 
     color:white; 
    } 

    a:visited 
    { 
     text-decoration: none; 
     color:FFFFFF; 
    } 

    a:hover 
    { 
     text-decoration: none; 
     color:blue; 
    } 


    a:active 
    { 
     text-decoration: none; 
     color:blue; 
    }

任何幫助表示讚賞。

謝謝，羅伯特。

來源

2012-04-04 Robert

它做錯了什麼？你的HTML在哪裏？ – 2012-04-04 15:05:09

我希望你需要改變顏色hover狀態

嘗試像this one

如。

HTML 

<a href ='#'> Hover Me </a> 

css 

a 
{ 
    text-decoration: none; 
    color:#000000; 
} 
a:hover 
{ 
    color:#3399FF; 
}

來源

2012-04-04 15:09:13

謝謝huMpty - 解決了它。非常感激。 – Robert 2012-04-04 15:15:08

您需要芬蘭文本裝飾指令：P

text-decoration: none;

或

text-decoration: underline;

來源

2012-04-04 15:05:40

感謝您的回答。我實際上是這樣的，但在發佈之前將其刪除。我把它放回去了 - 仍然不起作用。 a：鏈接 { text-decoration：none; 顏色：白色; } a：visited { text-decoration：none; 顏色：FFFFFF; } a：懸停 { text-decoration：underline; 顏色：藍色; } a：active { text-decoration：none; 顏色：藍色; } – Robert 2012-04-04 15:09:40

你真的有...什麼？ – 2012-04-04 15:10:26

對不起 - 我修改了原文。 – Robert 2012-04-04 15:12:24

你的問題是在text-decoration:部分，如果刪除它們，或使用一個有效的語法你的CSS應該工作。

來源

2012-04-04 15:07:05 DarkAjax

爲什麼downvote？ – DarkAjax 2012-11-27 14:24:09

您可能正在從a：active跳轉到：hover，它具有相同的顏色。所以你看不出什麼區別。嘗試設置懸停的獨特顏色，並查看會發生什麼。

這也將有所幫助，如果你讓一個jsfiddle。

來源

2012-04-04 15:14:32

CSS a：懸停不按預期工作

回答

相關問題