1

:hover セレクターは正常に機能していましたが、:active が機能していなかったため、非常に混乱しています。

シナリオ：

最初 : sample.com/game リンクをクリックすると、ボックスごとに異なる ID (例: ID 1-101) のゲームが css を使用します

#selec{background-color:white;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}

ボックスIDの1つをクリックすると、sample.com/game?id=100に移動します

ホバーに成功しました

#selec:hover{background-color:blue;}

しかし、ボックスがアクティブなときに、色付きの背景でアクティブにしたい (ボックス ID 100 は背景が赤で、ボックス 100 がアクティブだったため、その他はまだ白い)

#selec:active{background-color:blue;}

しかし、成功しませんでした。私はまだこれについて混乱しています。

このphpファイル：

<a href="?game=<?php echo $ID;?>"><div id="selec"><div class="text"><p><?php echo $text; ?></p></div></div></a>

誰でもこれを解決するのを手伝ってくれますか? 感謝 *$textボックスに名前を付けてください。たとえば、ボックス ID 100 はゲーム RPG です

4

1 に答える 1

9

:activeCSS 疑似クラスはすべての要素で機能しますが、Internet Explorer の標準モードで<a>レンダリングしていない場合、リンク (要素など) でのみ機能します。

したがって<div>、DOCTYPE が設定されていない場合、IE では機能しません。

これを HTML の先頭に追加します。

<!doctype html>

各疑似クラスが定義される順序も重要です...（それらがすべて前のものを「オーバーライド」するようにするため）...次のことを覚えておいてください：

「Lord Vadar's Handle Formerly Anakin」

a:link    {color:blue;}
a:visited {color:green;}
a:hover   {color:red;}
a:focus   {color:orange;}
a:active  {color:yellow;}

注: W3Schools サイト ( http://www.w3schools.com/cssref/sel_active.asp ) でエラーを示してくれた @BoltClock に感謝します。(これは最新のブラウザー (標準モードでのレンダリング) では正しくありません)

注 2: W3C は、:active 疑似クラスが CSS 2.1 のすべての要素に追加され、CSS 1.0 ではリンクにのみ追加されたことを示しています。 " http://www.w3.org/TR/CSS2/selector.html#pseudo-class-selectors

于 2012-07-21T00:50:37.037 に答える