Почему hover не унаследовал элемент с таким же классом?

Question

[Igorek98]

Есть два файла
В одном css
#box .btn {...}
В другом
.btn {...}
.btn:hover{...}

Оба подключены к странице, почему-то простые свойства .btn он видит, а вот .btn:hover как будто бы и нет, хотя, на странице, где нет похожих доп настроек, как #box .btn, там всё работает.

Comments

[Rustam Bainazarov]

Добро пожаловать в каскад CSS.

У ID высокая специфичность:


Замените модификатор класса с ID на класс (стилизуйте классы, короче):

[Igorek98]

Рустам Байназаров, а как-то можно всё же заставить id получить свойство hover от класса?

[Rustam Bainazarov]

Igorek98, продублировать правило для ID. Но не проще ли добавить этому вашему ID класс? Вариант с !important — только если вы любите палки в колёсах.

#id .class:hover {

}

[Igorek98]

Рустам Байназаров, так получилось, что все родительские элементы с id и никто не подозревал, что выйдет такая беда с анимацией