0 
#selec:active{background-color:#000000;}

<a href="<?php>phpscript-dynamic<?>"><div id="selec">TITLE</div></a>

しかし、うまくいきません... を使用して<div><a></a></div>いますが、どちらもうまくいきません。

誰でも私を助けることができますか？

コード：

::CSS::

#selec:hover{background-color:blue;} ＃働く

#selec:active{background-color:red;}＃うまくいかない

::PHP::

<a href="?room=<?php echo $ID;?>"><div id="selec"><?php $name;?></div></a>

ありがとうございました

4

1 に答える 1

4

CSS3 仕様には、次のように記載されています。

要素が :active になる、または :focus を取得できるドキュメント言語または実装固有の制限がある場合があります。

したがって、divで機能しないとは述べていません。これについては仕様が緩いため、ブラウザの実装に違いがある可能性があります。@Engineerによるデモでは、あなたのコードが Chrome で動作することがわかりました。

a要素はすべてのブラウザで確実に状態を持つため、:active次の例は確実に機能します。

#selec a:active {background-color:#000000;}

<div id="selec"><a href="dynamic.php">TITLE</a></div>

ここでは、 の子であるを使用:activeしています。子孫セレクターを利用します。a#selec

逆の方法でも機能するはずです-:activeセレクターはまだ上にありaます：

a:active #selec {background-color:#000000;}

<a href="dynamic.php"><div id="selec">TITLE</div></a>
于 2012-07-14T11:56:29.517 に答える