Задайте правильно правила для данного класса с учетом каскадности, тогда его не будут перекрывать другие правила. Добавьте ему "веса", например задав не как .not-active, а как div.not-active или даже div > div.not-active, тут уже по структуре смотрите.
зы: в самом безобразном случае, если выхода другого нет, можете добавить !important ))) но это плохое решение
Я бы чутка добавил вашу аналогию в вашем выводе:
--save-dev -- указывает, что ложки и тарелки нужны только для приготовления и их не нужно подавать на стол
--save -- указывает, что конкретная ложка и вилка нужна для подачи на стол
ну а без флага, видимо, означает, что у нас в принципе будет где-то в шкафу валяться чашка и при необходимости мы можем ее использовать в дальнейшем.