!重要信息：不要覆盖物化css

我试图覆盖materialize添加到图像中的默认css属性。当用户将鼠标悬停在光标上时，光标将成为一个放大类。我希望光标是指针

这是我在使用inspect元素时发现的代码：

.materialboxed {
    display: block;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
    position: relative;
    -webkit-transition: opacity .4s;
    transition: opacity .4s;
    -webkit-backface-visibility: hidden;
}

这是我用来覆盖css文件中光标的代码：

.cursor:hover{
  cursor: pointer !important; 
}

这是我要将类添加到的html文件中的一行：

<img src="img/GeoNinja.jpg" alt="" class="responsive-img materialboxed activator cursor">

---

但我不知道为什么这个方法有效，而我以前的方法没有。这里有人知道原因吗？

第二种方法更具体。它正在寻找紧跟img标记的div，而不仅仅是.cursor标记

---

指定的规则始终优先于继承的规则，即使该继承的规则是！重要信息

可能是因为您没有找到为此元素指定游标属性的所有位置。

div>img.cursor {
  cursor: pointer !important;
}