CSS从图像中删除链接

Question

我正在使用woocommerce并在产品页面上点击主图像时会弹出一个难以移动的巨大图像。我想禁用该图像的链接。我没有看到通过wp或woocommerce做任何事情。

页面在这里：http://www.jonicdsynznxpressionz.com/cart/#!/oh-i-am-collection/nudelee-collection/

我一直在尝试删除它的代码，但没有运气让它起作用：

 .woocommerce-main-image zoom a{
pointer-events: none; !important;
cursor: default; !important;
}

任何想法？

Answer 1

选择器已更正，您的代码似乎可以解决问题：

a.woocommerce-main-image.zoom{
      pointer-events: none !important;
      cursor: default !important;
 }

Answer 2

这应该有效：

 .woocommerce-main-image.zoom {
   pointer-events: none !important;
   cursor: default !important;
  }