포인터 이벤트와의 링크를 사용하지 않지만 활성 상태로 유지 : 호버 이벤트

Question

특성 선택기 및 pointer-events: disable;을 사용하여 내 홈 페이지의 링크를 비활성화하지 않으려 고하지만 : 호버 효과를 유지하려고합니다.

Section#thumbnails .thumb a[title="Yorokobu"]{ 
    pointer-events: none !important; 
    display: block !important; 
    cursor: default; 
    } 

그리고이 웹 사이트 : www.rafagarces.com/work

감사합니다

이것은 CSS입니다! 여기

Answer 1

당신의 대답은 :

section#thumbnails .thumb a[title="Yorokobu"]:hover { 
    pointer-events: visible !important; 
    cursor: auto; 
} 

Answer 2

당신은 부모 요소에 :hover 상태를 추가 할 수 있습니다.

section#thumbnails .thumb a[title="Yorokobu"] { 
 
    pointer-events: none !important; 
 
    display: block !important; 
 
    cursor: default; 
 
} 
 

 
section#thumbnails .thumb:hover a[title="Yorokobu"] { 
 
    color: red; 
 
}

<section id="thumbnails"> 
 
    <span class="thumb"> 
 
    <a title="Yorokobu"> 
 
     Test 
 
    </a> 
 
    </span> 
 
</section>