Question

我被告知a：hover {}，但问题是它将这些设置提供给页面中的所有链接，而我只想要具有特定CSS样式的链接来执行此操作。有没有办法把a：hover设置放在另一个类中？任何事都可以提供帮助。谢谢。

Answer 1

a.class:hover {}

差不多这个。：）

http://jsfiddle.net/9SfaG/

Answer 2

你可以尝试

a.myclass:hover {}

并像这样使用

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

Answer 3

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

Answer 4

HTML：

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

在css中：

a.speciallink {
    option: value;
}

Answer 5

伪类和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

悬停时如何使特定链接改变颜色？

5 个答案: