@gtr7787

Почему не срабатывает first-child?

есть карусель товаров, где для активного класса нужны свои стили

<div class="owl-item active" style="width: 393px;"></div>
<div class="owl-item active" style="width: 393px;"></div>
<div class="owl-item active" style="width: 393px;"></div>
<div class="owl-item" style="width: 393px;"></div>


в стилях задаю
.owl-item.active:first-child {
border: 2px solid red;
}

все работает, но когда активные класс меняется перестает работать

к примеру
<div class="owl-item" style="width: 393px;"></div>
<div class="owl-item active" style="width: 393px;"></div>    <этот актив в css уже не задает стили
<div class="owl-item active" style="width: 393px;"></div>
  • Вопрос задан
  • 85 просмотров
Пригласить эксперта
Ответы на вопрос 2
alexey-m-ukolov
@alexey-m-ukolov Куратор тега CSS
.owl-item.active:first-of-type
Ответ написан
@shure348
:first-child будет искать просто первый элемент в блоке а не первый среди .active
если первый элемент будет не .active то селектор .active:first-child не сработает

сброс можно сделать через :not(.active) например
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
GreatAgent Inc Санкт-Петербург
от 1 500 до 3 500 usd.
iWeekender Краснодар
от 80 000 руб.
23 апр. 2019, в 13:06
1000 руб./в час
23 апр. 2019, в 12:58
5000 руб./за проект
23 апр. 2019, в 12:22
150 руб./за проект