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标签而不是.cursor标签的div。

指定的规则始终优先于继承的规则，即使该继承的规则是！important

！重要的是不覆盖实现CSS

1 个答案: