Question

我的问题是：为什么这个div（使用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>

它有效，但它有延迟。

请帮忙

Answer 1

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

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

否则，您可以设置div：active（我知道这在WebKit浏览器中有效，但不了解其他浏览器），但通常您会主要在锚元素上使用：active和：visited伪类。

ALSO 您将背景设置为两次：活动块。这部分原因是你没有看到任何变化。

a：主动不在移动设备上工作

1 个答案: