我已经设置了一个悬停效果来显示图标覆盖和过滤我正在工作的网站上的instagram提要。当我继续检查并将元素状态设置为悬停时，它工作得很好。然而，当实际使用该网站和悬停在图像，她悬停效果并没有出现。
为什么悬停状态未被识别？

#insta-feed>a>img,
.ig__overlay--container {
  width: 25vw !important;
  height: 25vw !important;
}

.ig__overlay--container {
  left: 0px;
  background-color: rgba(0, 0, 0, 0);
  background-size: 25px 25px;
  background-position: center center;
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: 300;
}

.overlay__container {
  position: absolute;
  pointer-events: none;
  z-index: 300;
}

#insta-feed>.overlay__container>div.ig__overlay--container:hover {
  background-color: rgba(0, 0, 0, 0.3);
  background-image: url({{ 'icon-socialig-menu.svg' | asset_url }} );
}

个字符