0

私は自分のxxxを飾るために疑似クラスを使用しています。私の質問は、それらの1つを最初にアクティブにする方法です。

次のように2つの<div>...</div>があります。

<div id="A"></div>
<div id="B"></div>

そして、私はcssコードに従ってそれらをスタイリングしました：

#A {
    background: url('/xxx/xxx.png') 0 0 no-repeat;
}
#A:hover {
    background: url('/xxx/xxx_hover.png') 0 0 no-repeat;
}
#A:active {
    background: url('/xxx/xxx_active.png') 0 0 no-repeat;
}

#B {
    background: url('/xxx/xxx.png') 0 0 no-repeat;
}
#B:hover {
    background: url('/xxx/xxx_hover.png') 0 0 no-repeat;
}
#B:active {
    background: url('/xxx/xxx_active.png') 0 0 no-repeat;
}

ページが読み込まれたらBをアクティブにしたいのですが、どうすればよいですか？ありがとう。

4

1 に答える 1

3

別の（「より適切な」）方法がすでにあるかどうかはわかりません。しかし、これは私が一般的にこれを行う方法です：

#A.active,
#A:active {
    background: url('/xxx/xxx_active.png') 0 0 no-repeat;
}

<div id="A" class="active"></div>

これは、必要に応じて、スクリプトを使用してクラスを削除することを前提としています。または、別のページが要求されると、クラスはバックエンドの別の要素に設定されます。

于 2012-11-16T03:40:00.773 に答える