在觸摸設備上：當用戶觸摸標題時應用背景顏色更改

Question

我不確定這是否可行，但我有一個網站，並且我希望（僅在觸摸設備上，例如iPhone）<h2>擁有一個當用戶觸摸標題時不同的背景顏色。

這可能與純HTML5/CSS3？假設用戶正在使用最新的瀏覽器。

Answer 1

不幸的是，我認爲你需要爲此使用JS。

無論是CSS還是HTML，都無法表達您希望在觸摸標題（或任何其他元素）時應用的更改。

Answer 2

我想你可以使用:active僞類來實現這一點。

h2:active { 
    background-color: yellow; 
} 

您可以使用MQ限制僅在所需分辨率下應用此僞類，其中鼠標單擊事件不可避免。例如：

@media only screen and (max-device-width: 480px) { 
    h2:active { 
    background-color: yellow; 
    } 
}