Javascript 答：活动不在移动设备上工作

我的问题是：为什么这个div（with class=“menu_cent”）在课堂上不起作用。menu_cent：当我在移动设备上单击它时，它是活动的，但在桌面上它是工作的

    <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}

.菜单(美分)
{背景：#fff；字体系列：Arial，Helvetica，无衬线；换行：断字；最小高度：16px；背景：#fff；边框：1px实心#d9d9d9；填充：10px；行高：1.3；文本对齐：中心；字体大小：16px；颜色：#888；字体重量：700；光标：指针}
.菜单\分：活动
{背景：#f1f1f1；字体系列：Arial，Helvetica，无衬线；换行：打断单词；最小高度：16px；背景：#FFF；边框：1px实心#d9d9d9；填充：10px；行高：1.3；文本对齐：中心；字体大小：16px；颜色：#888；字体重量：700；光标：指针}

我试着用

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

这是可行的，但会带来延迟

---

请帮助

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

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

否则，您可以将div:active设置为活动（我知道这在WebKit浏览器中有效，但不知道其他浏览器如何），但通常您会希望锚元素上的：active和：visted伪类

另外您在该：活动块中设置了两次背景。这也是你没有看到任何变化的部分原因