小编Jua*_*Lie的帖子

如何解决:CSS选择器":active"无法正常工作?

我很困惑,因为:悬停选择器正常工作,但是:活动不起作用.

场景:

第一个:sample.com/game点击不同ID的链接框游戏(例如:ID 1-101),每个框使用css

#selec{background-color:white;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}
Run Code Online (Sandbox Code Playgroud)

单击其中一个框ID时,请转到sample.com/game?id=100

我成功地悬停了

#selec:hover{background-color:blue;}
Run Code Online (Sandbox Code Playgroud)

但是我想激活彩色背景,当盒子处于活动状态时(盒子ID 100带红色背景,其他仍然是白色,因为盒子100处于活动状态)

#selec:active{background-color:blue;}
Run Code Online (Sandbox Code Playgroud)

但没有成功,为什么????? 我仍然对此感到困惑.

这个php文件:

<a href="?game=<?php echo $ID;?>"><div id="selec"><div class="text"><p><?php echo $text; ?></p></div></div></a>
Run Code Online (Sandbox Code Playgroud)

有人帮我解决这个问题吗?谢谢*$text在框中给出名称,例如框ID 100是游戏角色扮演

css hover css-selectors

1
推荐指数
1
解决办法
9359
查看次数

标签 统计

css ×1

css-selectors ×1

hover ×1