У меня есть блок .tarif-plan__items, в нем содержится 2 блока: .tarif-plan__months и tarif-plan__year.
При нажатии на Month или Years у меня меняются классы у детей .tarif-plan__items. Класс .hide только добавляет стиль display: none; Однако блок с таким классом не скрывается (внизу картинки), это можно увидеть на картинке. Никаких !important я не использую, в js коде добавляю только классы, никаких инлайновых стилей.
В чем может быть проблема?
tarif-plan__months
-display: grid
. Если вы указываете правила только через селектор одного класса везде, то значит правила для классаhide
описаны выше и по правилам каскадности они переписываются последующими равноценными по специфичности или более специфичными.