[CSS]: Пытаюсь сделать Карусель без JS, но не срабатывает нужное css-свойство. Помогите разобраться.

[MeriPoppins]

Хочу сделать карусель без js, но не срабатывает нужное css-свойство.
Подскажите пожалуйста в чем ощибка

Вот это свойство работает

#btn-1:checked ~ .slider-controls label[for="btn-1"],
#btn-2:checked ~ .slider-controls label[for="btn-2"],
#btn-3:checked ~ .slider-controls label[for="btn-3"]{ 
  background-color: #c1c1c1;
}

А это аналогичное нет((

#btn-1:checked ~ .content-slide .slider:nth-child(1),
#btn-2:checked ~ .content-slide .slider:nth-child(2),
#btn-3:checked ~ .content-slide .slider:nth-child(3){ 
  display: block;
}

[Вадим Мошев]

Покажите HTML код.
Кстати, Пожалуйста, оформляйте Ваш код согласно правилам.

[Naive]

Селектор :nth-child(an+b) работает со всем дочерними элементами.

<label for="btn-1"></label> <!-- это :nth-child(1) -->
<div class="slider"></div> <!-- это :nth-child(2) -->
<label for="btn-2"></label> <!-- это :nth-child(3) -->
<div class="slider"></div> <!-- это :nth-child(4) -->
<label for="btn-3"></label> <!-- это :nth-child(5) -->
<div class="slider"></div> <!-- это :nth-child(6) -->

Т.е. в данном случе то, что ты указал класс, из выборки н-ного чайлда оно никак не фильтранет. Но, первый слайдер должен сработать на бтн-1... (радио-кнопка, судя по логике)

upd если я кончно угадал с версткой