:hoverをスマホやタブレットで適用されないようにする
@media (any-hover: hover) {}
はタッチデバイスでは適用されないメディアクエリなので、この中で
:hover
を使えばOK
code:css
@media (any-hover: hover) {
.element:hover {
text-decoration: underline;
}
}