div：在 Opera 浏览器中处于活动状态答案

【问题标题】：div:active with Opera browserdiv：在 Opera 浏览器中处于活动状态
【发布时间】：2014-06-06 15:01:56
【问题描述】：

看看这个fiddle。我希望当我单击父 div 时，锚点会改变其背景颜色。仅当我单击锚点旁边时才有效。但是，如果我将光标移到锚上然后单击，则什么也不会发生。它只适用于 Firefox 和 chrome。

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


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

【问题讨论】：

标签： css opera

【解决方案1】：

为了所有浏览器的一致性，我会将活动伪代码放在锚标记上。

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

【讨论】：

【解决方案2】：

Opera不支持某些类和伪类，试试这个方法，可以解决你的问题。

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

【讨论】：