禁用指针事件的链接，但保持活动：悬停事件

Question

我不想使用属性选择器和domain \model \product |Product |ProductRepository infrastructure \persistence \YOUR_EXTERNAL_API_NAME |ProductRepositoryImp \eclipselink ... \test \... |ProductRepositoryTestImpl 在我的主页中禁用链接，但我想保持：悬停效果。

这是CSS：

pointer-events: disable;

这个网站：www.rafagarces.com/work

谢谢！

Answer 1

您可以将:hover状态添加到父元素。

＆＃13;

＆＃13;

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

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 2

在这里你的回答：

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