Question

我有一个使用Envira Gallery插件创建的wordpress库。我需要为那些没有链接到任何页面的图像禁用悬停，并将“＃”作为url。有没有办法用“＃”url禁用图像的任何悬停效果？

提前谢谢。

Answer 1

尝试使用 jquery 解决方案。

您可以使用jquery hover()方法覆盖您的CSS样式。您可以为mouseenter()和mouseleave()

指定css

使用a[href*="#"] > img作为选择器，定位所有包含href="#"图片的链接。

$('a[href*="#"] > img').hover(
  function() {
    $(this).css('background', 'blue');
  },

  function() {
    $(this).css('background', '');
  }
);

a:hover {
  background: red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>


<a href="#"><img src="#" alt="image" /></a>

<a href="https://stackoverflow.com"><img src="" alt="ref image" /></a>

<a href="#"> Only link withuout image</a>

根据链接网址

1 个答案: