css - div：在 Opera 浏览器中处于活动状态

Question

看看这个小提琴。我希望当我单击父 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;
}

见小提琴

Answer 2

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

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