• Теория
  • Теория

Слайдер на CSS, шаг 3

Теперь нам нужно в зависимости от состояния невидимых радиокнопок соответствующим образом стилизовать видимые подписи. Для этого воспользуемся подобным селектором:

#btn-1:checked ~ .slider-controls label[for="btn-1"] {
  ...
}

Что он выбирает? Подпись в блоке .slider-controls, идущем в разметке после выделенной радиокнопки с id="btn-1". Причём подпись с атрибутом for="btn-1", то есть связанную с этой радиокнопкой. То что нужно!

Стилизуем таким образом все подписи к радиокнопкам.

Минимальный вид табов
  • index.html
HTML
HTML

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
Бабушка Кекс

Притормози, дружище

Проходить вызовы части «Мастерская: декоративные эффекты» тренажёра «Погружение в декоративные эффекты» можно после регистрации и оформления подписки.