div：与Opera浏览器一起使用

Question

请看fiddle。当我点击父div时，我希望那个锚会改变它的背景色。只有当我点击锚点旁边时才能使用。但是，如果我将光标移到锚点上，然后单击，则不会发生任何事情。它只适用于Firefox和Chrome。

<div class="test"> 
    <a href="#">link me</a> 
</div> 


.test 
{ 
    background:Gray; 
} 
.test:active a 
{ 
    background:Red; 
} 

Answer 1

为了保持所有浏览器的一致性，我将活动的伪标签放在锚标签上。

.test a { 
    background:Gray; 
    display:block; 
} 
.test a:active { 
    background:Red; 
} 

见Fiddle

Answer 2

一些类和伪不是歌剧支持尝试以这种方式，可能这个解决您的问题。

.test 
{ 
    background:Gray; 
} 
.test:active a 
{ 
    background:Red; 
} 
.test a:active 
{ 
    background:Red; 
}