0

我的问题是：当我在移动设备上单击它时，为什么这个 div（with class="menu_cent"）不能工作类 .menu_cent:active，但在桌面上它的工作原理。

    <div class="m_10">
        <a href="#" onclick="set_lng('en')"><div class="menu_cent">English</div></a>
    </div>

    .menu_cent   
{background:#fff;font-family:Arial, Helvetica, sans-serif;word-wrap:break-word;min-height:16px;background:#FFF;border:1px solid #d9d9d9;padding:10px;line-height:1.3;text-align:center;font-size:16px;color:#888;font-weight:700;cursor:pointer}

    .menu_cent:active   
{background:#f1f1f1;font-family:Arial, Helvetica, sans-serif;word-wrap:break-word;min-height:16px;background:#FFF;border:1px solid #d9d9d9;padding:10px;line-height:1.3;text-align:center;font-size:16px;color:#888;font-weight:700;cursor:pointer}

我曾尝试使用

<div class="m_10">
    <a href="#" onclick="set_lng('en')"><div onClick="style.backgroundColor='#f1f1f1';" class="menu_cent">English</div></a>
</div>

它有效，但有延迟。

请帮忙

4

1 回答 1

1

如果您希望链接成为目标，则将活动伪类放在错误的元素上。以下是您想要处理的方法：

a:active div.menu_cent{
 property: blah;
}

否则，您可以设置 div:active （我知道这适用于 WebKit 浏览器，不了解其他浏览器），但通常您主要需要锚元素上的 :active 和 :visited 伪类。

此外，您在该 :active 块中设置了两次背景。这就是为什么您没有看到任何变化的部分原因。

于 2013-03-07T21:54:33.777 回答