重要的是不要覆盖实体化css

Question

我正在尝试覆盖一个已添加到图像中的默认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">

我已经清除了缓存，我的css文件是头中最后一个要来源的样式表。我错过了什么？

编辑：

所以这是有效的：

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

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

Answer 1

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

指定的规则总是优先于继承的规则，即使继承的规则是！重要