css - 我的 CSS 选择器 ":active" 不工作

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;} ＃在职的

#selec:active{background-color:red;}＃不行

::PHP::

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

谢谢

Answer 1

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>