Я пытаюсь переопределить свойство css по умолчанию, которое материализация добавила к изображению. Когда пользователь наводит на него указатель мыши, курсор становится увеличительным классом. Я хочу, чтобы курсор был указателем.
это код, который я нашел при использовании элемента проверки:
.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;
}
но я не знаю, почему это работает, а мой старый метод - нет. Кто-нибудь здесь знает, почему?