有人告诉我:hover{}，但问题是它给页面中的所有链接这些设置，而我只希望链接具有特定的CSS样式这样做。有没有办法将a:hover设置放到另一个类中?任何事情都有帮助。谢谢你。
a.class:hover {}
差不多就是这样。:)
http://jsfiddle.net/9SfaG/你可以试试
a.myclass:hover {}
并像这样使用
<a href="my/url.html" class="myclass">Link</a>
<html>
<head>
<style>
a.class1:hover {
color: red;
}
</style>
</head>
<body>
<a href="#">test1</a>
<a href="#" class="class1">test2</a>
</body>
</html>
HTML:
<a href=/url/ class="speciallink">link</a>
a.speciallink {
option: value;
}
伪类和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