모바일 기기는 마우스가 아닌 터치로 컨트롤하기 때문에

PC와는 다르게 한 번 터치 시 마우스 오버 효과가 발생합니다.

PC 화면에서만 hover 속성을 적용해보시겠어요?

PC 화면일 때만 hover 속성이 적용되는

간단한 예제 코드를 작성해봤습니다.

아래 코드를 적절히 활용해보시겠어요?

<style>
.test { height: 30px; background: black; }
@media screen and (min-width: 600px) {
	.test:hover { background: blue; }
}
</style>
<div class="test">테스트</div>

고맙습니다.