我的CSS选择器＆＃34;：活跃＆＃34;不工作

Question

#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;} #working

#selec:active{background-color:red;} #not work

:: PHP ::

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

谢谢

Answer 1

CSS3 specification表示：

  

可能存在文档语言或实现特定限制   哪些元素可以变为：活跃或获得：焦点。

所以它没有声明它不适用于你的div。由于规范对此很宽松，因此可能存在浏览器实现差异。 demo by @Engineer向我显示您的代码在Chrome中有效。

由于a元素肯定在每个浏览器中都有:active状态，因此以下内容肯定会起作用：

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

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

此处，您在:active a上使用#selec。您可以使用descendant selector。

它应该反过来 - :active选择器仍在a上：

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

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