Как можно решить проблему изменения цвета границы у элементов с классом?

В текущем коде, класс .dark определяет стиль для элементов с классом .gap-bottom, которые не являются последними дочерними элементами в vue transition group . Этот стиль устанавливает border-bottom на #232528.
Как сделать (когда они исчезают), так чтобы они сохраняли свой исходный цвет (#232528) вместо изменения на #adb8c7, они как будто теряют связь с .dark?

.dark {
    .gap-bottom:not(:last-child) {
        border-bottom: 1px solid #232528;
    }
}

.gap-bottom:not(:last-child) {
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
    border-bottom: 1px solid #adb8c7;
}
  • Вопрос задан
  • 104 просмотра
Пригласить эксперта
Ответы на вопрос 1
Zagir-vip
@Zagir-vip
Web dev, Game dev, app dev, Разработчик на Python!
Можно использовать следющий код
.dark {
   border-bottom: 1px solid #232528;
}

.dark .gar-bottom {
   border-bottom: 1px solid #adb8c7;
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы