0

a:hover {} について聞いたことがありますが、問題は、ページ内のすべてのリンクにこれらの設定が適用されることですが、特定の CSS スタイルのリンクのみがそれを実行するようにしたいのです。a:hover 設定を別のクラスに配置する方法はありますか? 何でも役に立ちます。ありがとうございました。

4

5 に答える 5

3 
a.class:hover {}

かなりこれ。:)

http://jsfiddle.net/9SfaG/

于 2013-04-10T16:31:14.670 に答える
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 に答える
1

あなたが試すことができます

a.myclass:hover {}

そして、このように使用します

<a href="my/url.html" class="myclass">Link</a>
于 2013-04-10T16:34:05.267 に答える
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 に答える