如何使特定鏈接在懸停時變色？

-3

我被告知有關：懸停{}，但問題是它會將這些設置提供給頁面中的所有鏈接，而我只希望鏈接具有特定的CSS樣式來執行此操作。有沒有辦法將a：hover設置放在另一個類中？任何事情都可能有幫助。謝謝。如何使特定鏈接在懸停時變色？

2013-04-10 LedZep

a.class:hover {}

非常多這個。 :)

http://jsfiddle.net/9SfaG/

來源

2013-04-10 16:31:14 Kaloyan

非常感謝你的Kaloyan伊萬諾夫：d我是新的HTML（在大學學習的話），我不很熟悉它是如何工作的。你幫我完成了我的任務:-D – LedZep 2013-04-10 16:35:04

很高興知道。 :)如果對你有幫助，你可以通過點擊左邊的白色檢查來接受答案：3 – Kaloyan 2013-04-10 16:37:24

HTML：

<a href=/url/ class="speciallink">link</a>

在CSS：

a.speciallink { 
    option: value; 
}

來源

2013-04-10 16:32:13 Harlin

您可以嘗試

a.myclass:hover {}

，並使用它像這樣

<a href="my/url.html" class="myclass">Link</a>

來源

2013-04-10 16:34:05 choppingblock

僞類和CSS類

僞類可以與CSS類組合：

a.red:hover {color:#FF0000;} 

<a class="red" href="css_syntax.asp">CSS Syntax</a>

如果你將鼠標懸停在該示例中的鏈接，它會顯示在紅。

從http://www.w3schools.com/css/css_pseudo_classes.asp

來源

2013-04-10 16:34:18

<html> 
<head> 
    <style> 
     a.class1:hover { 
      color: red; 
     } 
    </style> 
</head> 
<body> 
    <a href="#">test1</a> 
    <a href="#" class="class1">test2</a> 
</body> 
</html>

來源

2013-04-10 16:36:26 Alden

如何使特定鏈接在懸停時變色？

回答

相關問題