Почему не работает nth-child?

Question

[Владимир Куликов]

Здравствуйте, хочу задать стили для slick-active, второму и третьему. Всего их 4 в блоке.

.block2_slider .slick-track .slick-active:nth-child(2){
    margin-top: 50px;
}.block2_slider .slick-track .slick-active:nth-child(3){
    margin-top: 50px;
}

Почему не применяются стили?
Без nth-child применяются.

Comments

[WapSter]

Вы хоть читаете описание того чем пользуетесь?

[Владимир Куликов]

WapSter, так в чем ошибка? Почему он не хочет так работать?

[WapSter]

Владимир Куликов, потому что он так не работает.

Answer 1

[Rsa97]

nth-child() считает среди всех потомков родителя, а не среди предварительно выбранных.
Запись .slick-active:nth-child(2) означает, что элемент должен иметь класс slick-active и при этом являться вторым потомком своего родителя.

Comments

[Владимир Куликов]

Спасибо, а что тогда использовать чтобы все работало?

[Rsa97]

Владимир Куликов, Не уверен, что такую задачу можно решить через CSS.

[Владимир Куликов]

Rsa97, :(
Окей, спасибо..
Сделаю через js.