:触摸CSS伪类还是类似的东西?-:touchCSSpseudo-classorsomethingsimilar?

41  

There is no such thing as :touch in the W3C specifications, http://www.w3.org/TR/CSS2/selector.html#pseudo-class-selectors

在W3C规范中没有:touch, http://www.w3.org/TR/CSS2/selector.html#伪类选择器

:active should work, I would think.

例如:我认为，积极的工作应该能发挥作用。

Order on the :active/:hover pseudo class is important for it to function correctly.

对:active/:hover pseudo类的顺序对其正确运行很重要。

Here is a quote from that above link

这是上面链接的引用

Interactive user agents sometimes change the rendering in response to user actions. CSS provides three pseudo-classes for common cases:

交互用户代理有时会更改呈现以响应用户操作。CSS为常见的情况提供了三个伪类:

• The :hover pseudo-class applies while the user designates an element (with some pointing device), but does not activate it. For example, a visual user agent could apply this pseudo-class when the cursor (mouse pointer) hovers over a box generated by the element. User agents not supporting interactive media do not have to support this pseudo-class. Some conforming user agents supporting interactive media may not be able to support this pseudo-class (e.g., a pen device).
• 当用户指定一个元素(带有一些指向设备)时，会应用:hover伪类，但不会激活它。例如，当光标(鼠标指针)在由元素生成的框上盘旋时，一个可视的用户代理可以应用这个伪类。不支持交互式媒体的用户代理不需要支持这个伪类。一些支持交互媒体的符合标准的用户代理可能不能支持这个伪类(例如，钢笔设备)。
• The :active pseudo-class applies while an element is being activated by the user. For example, between the times the user presses the mouse button and releases it.
• 当一个元素被用户激活时，应用:active伪类。例如，用户按下鼠标按钮并释放它的时间间隔。
• The :focus pseudo-class applies while an element has the focus (accepts keyboard events or other forms of text input).
• 当元素具有焦点(接受键盘事件或其他形式的文本输入)时，将应用:focus伪类。

15  

Since mobile doesn't give hover feedback, I want, as a user, to see instant feedback when a link is tapped. I noticed that -webkit-tap-highlight-color is the fastest to respond (subjective).

由于移动设备不提供悬停反馈，作为用户，我希望在点击链接时看到即时反馈。我注意到-webkit-tap-highlight-color是反应最快的(主观)。

Add the following to your body and your links will have a tap effect.

将以下内容添加到您的身体中，您的链接将具有tap效果。

body {
    -webkit-tap-highlight-color: #ccc;
}