Jua*_*Lie 1 css hover css-selectors
我很困惑,因为:悬停选择器正常工作,但是:活动不起作用.
场景:
第一个:sample.com/game点击不同ID的链接框游戏(例如:ID 1-101),每个框使用css
#selec{background-color:white;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}
单击其中一个框ID时,请转到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是游戏角色扮演
该:activeCSS伪类适用于所有的元素...... 但它只能在链接(例如<a>元素),如果你不是在渲染标准模式在Internet Explorer中.
因此<div>,如果您没有设置DOCTYPE ,它将无法在您的IE中工作.
将其添加到HTML的顶部:
<!doctype html>
定义每个伪类的顺序也很重要...(以确保它们都"覆盖"前一个)...只需记住:
" Lord Vadar的Handle Formerly Anakin"
a:link {color:blue;}
a:visited {color:green;}
a:hover {color:red;}
a:focus {color:orange;}
a:active {color:yellow;}
注意:感谢@BoltClock指示W3Schools网站上的错误,http://w3schools.com/cssref/sel_active.asp 表示它仅在链接上可用.(现代浏览器不再正确(在标准模式下渲染))
注2:W3C表示:活动伪类被添加到CSS 2.1中的所有元素,它只在CSS 1.0中的链接上:"注意.另请注意,在CSS1中,':active'伪类仅适用于链接. " http://www.w3.org/TR/CSS2/selector.html#pseudo-class-selectors