ポインタイベントとのリンクを無効にしますが、ホバーイベントを有効にします。

Question

私のホームページの属性セレクタとpointer-events: disable;でリンクを無効にすることはできませんが、ホバー効果を維持したいと思います。

これはCSSです：

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

そしてこのウェブサイト：www.rafagarces.com/work

ありがとうございました！

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>