@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 просмотров
Пригласить эксперта
Ответы на вопрос 3
.owl-item.active:first-of-type
Ответ написан
@Lord_Dantes
Full stack Developer
Когда вы пишите "first-child", вы имеете ввиду первый элемент среди таких же похожих элементов то есть например делаете выборку среди 999 элементов расположенных на одной иерархии одного родительского блока.Тогда он будет работать.
Ответ написан
@shure348
:first-child будет искать просто первый элемент в блоке а не первый среди .active
если первый элемент будет не .active то селектор .active:first-child не сработает

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

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

Войти через TM ID
Похожие вопросы
Spartan.by Минск
от 400 до 700 usd.
Alternativa Games Пермь
от 40 000 до 80 000 руб.
АМТ Екатеринбург
от 40 000 до 50 000 руб.
22 янв. 2019, в 00:48
60 руб./за 1000 зн.
22 янв. 2019, в 00:09
120000 руб./в месяц
21 янв. 2019, в 23:37
1000 руб./за проект