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

为了保证所有浏览器的一致性，我会将active伪标记放在锚标记上。

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

请参阅Fiddle

Answer 2

某些类和伪不支持 Opera 以这种方式尝试，可能会解决您的问题。

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