0

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

4

5 回答 5

3 
a.class:hover {}

差不多就是这个。:)

http://jsfiddle.net/9SfaG/

于 2013-04-10T16:31:14.670 回答
1

你可以试试

a.myclass:hover {}

并像这样使用它

<a href="my/url.html" class="myclass">Link</a>
于 2013-04-10T16:34:05.267 回答
1 
<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-10T16:36:26.563 回答
0

HTML： 

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

在 CSS 中：

a.speciallink {
    option: value;
}
于 2013-04-10T16:32:13.353 回答
0

伪类和 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-10T16:34:18.687 回答