求助：设置zoom-out光标及pointer-events:none后图片光标未生效

核心冲突：pointer-events: none 会直接禁用光标样式 #

.zoom-overlay-open 中同时设置 pointer-events: none 和 cursor: zoom-out 是矛盾的：

• pointer-events: none 会让元素完全不响应任何鼠标交互（包括悬停），光标样式自然不会触发。
• 如果这个元素是遮罩层，需要显示光标同时允许点击穿透下层元素，不能用pointer-events: none，可以调整为：

  .zoom-overlay-open {
    overflow: hidden;
    /* 移除pointer-events: none */
    cursor: zoom-out;
    /* 若需点击穿透，可通过z-index调整层级，或单独处理下层元素的交互 */
  }
  

选择器匹配问题 #

.img-responsive .zoom-img 是后代选择器，仅匹配.img-responsive内部的.zoom-img元素。如果你的图片同时拥有img-responsive和zoom-img两个类（比如 <img class="img-responsive zoom-img">），需改用多类选择器：

.img-responsive.zoom-img {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out !important;
}

如果结构确实是后代关系，检查DOM结构是否符合预期，比如：

<div class="img-responsive">
  <img class="zoom-img" src="your-image.jpg">
</div>

结构不匹配的话，选择器无法定位到目标图片。

优先级与继承问题 #

• 检查是否有更高优先级的规则（比如行内样式、更具体的选择器）覆盖了光标样式。
• 确认目标元素没有继承父元素的pointer-events: none，父元素设置该属性会导致子元素的光标也失效。

内容的提问来源于stack exchange，提问作者ptj10