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

Question

Заур

css , html , vue

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

Как изменить текущий CSS код, чтобы класс .dark сохранял исходный цвет (#232528) элементов с классом .gap-bottom, которые не являются последними дочерними элементами, вместо изменения цвета на #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;
}

6 ноября 2023 г. 15:18

Ответы на вопрос 5

Похожие вопросы

Answer 1

Чтобы изменить цвет границы у элементов с определенным классом, необходимо использовать свойство border-color. В данном случае, чтобы сохранить исходный цвет (#232528) у элементов с классом .gap-bottom, которые не являются последними дочерними элементами и имеют класс .dark, нужно изменить CSS код следующим образом:

```css
.dark .gap-bottom:not(:last-child) {
    border-color: #232528;
}
```

Таким образом, добавлен селектор .dark перед .gap-bottom, чтобы указать, что это правило применяется только к элементам с классом .gap-bottom и классом .dark.

Пожалуйста, обратите внимание, что изменение цвета границы будет работать только для элементов, у которых в HTML-коде указан класс .dark и класс .gap-bottom.

Answer 2

Можно использовать следующий код.dark

Answer 3

 border-bottom: 1px solid #232528;

Answer 4

 .dark .gar-bottom

Answer 5

 border-bottom: 1px solid #adb8c7;