Как можно решить проблему изменения цвета границы у элементов с классом?
В текущем коде, класс .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; } |
.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; }
Дополнительно:
непонятно, что у вас там исчезает. вопрос нормально задайте. и причем тут vue?
Ну и если так, то просто поменяйте цвет #adb8c7 на #232528
он можно сказать вылазит из .dark почему-то
Ответы:
Можно использовать следющий код
.dark { border-bottom: 1px solid #232528; } .dark .gar-bottom { border-bottom: 1px solid #adb8c7; } |
.dark { border-bottom: 1px solid #232528; } .dark .gar-bottom { border-bottom: 1px solid #adb8c7; }
- а зачем мне менять границу у dark?
dark подразумевает темный режим приложения) - это был пример кода!
- Загир Меджидов, где написано "пример"?)
даже как пример, ты не разбираешься в вопросе, зачем отвечал тогда.. - Злой минон, Ты правда уверен, что я не разбираюсь? Откуда такая уверенность? Задал вопрос ТЫ и кто из нас не разбирается? У меня опыта в WEB больше чем у тебя в жизни.
- Загир Меджидов, все по твоему "примеру" кода заметили твой опыт))) И да, я правда уверен, я посмотрел другие ответы которые ты давал ранее, по этому и не понял твоих бессмысленных ответов, сорри, может быть это моя вина
- Злой минон, Я ваши ответы тоже смотрел они были более бессмысленней моих. Мои ответы помогали людям, а твои нет! Отталкиваясь от вашего обращения и ответов, можно сделать следующий вывод: Ваше псевдоним/имя "Злой" полностью описывают вас. Удачи вам, но я не стану продолжать этот бессмысленный диалог!
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для изменения цвета границы у элементов с определенным классом в CSS, вам необходимо использовать свойство border и указать нужные вам параметры.
Пример для элементов с классом "example":
.example { border: 2px solid red; }
В данном примере мы устанавливаем границу толщиной 2 пикселя, сплошного стиля и красного цвета для всех элементов с классом "example". Вы можете изменить значения свойств border на нужные вам, такие как толщина границы (например, 1px, 3px и т.д.), стиль (например, dashed, dotted, double и т.д.) и цвет (например, blue, green, #ffcc00 и т.д.).
Если вам нужно изменить цвет границы при наведении курсора мыши на элемент, вы можете использовать псевдокласс :hover:
Пример для элементов с классом "example" при наведении курсора:
.example:hover { border: 2px solid blue; }
Таким образом, при наведении курсора на элемент с классом "example", цвет границы будет меняться на синий. Замените значения свойств border на желаемые в зависимости от ваших потребностей.