css에서 :hover를 사용해서 적용하면 마우스 오버했을때와, 모바일에서 터치했을 때 효과가 적용된다.
하지만 모바일에서는 추가적으로 다른 곳을 터치하지 않는 이상 저 효과가 지속되어 생각한대로 적용되지 않는 문제가 발생한다.
이 부분을 해결하기 위해 검색하다 나온 부분이 있어 이를 메모해 놓는다.
@media (hover: hover) and (pointer: fine) {
a:hover { color: red; }
}
웹 개발 개인 창고
css에서 :hover를 사용해서 적용하면 마우스 오버했을때와, 모바일에서 터치했을 때 효과가 적용된다.
하지만 모바일에서는 추가적으로 다른 곳을 터치하지 않는 이상 저 효과가 지속되어 생각한대로 적용되지 않는 문제가 발생한다.
이 부분을 해결하기 위해 검색하다 나온 부분이 있어 이를 메모해 놓는다.
@media (hover: hover) and (pointer: fine) {
a:hover { color: red; }
}