- Теория
- Теория
Слайдер на CSS, шаг 3
Теперь нам нужно в зависимости от состояния невидимых радиокнопок соответствующим образом стилизовать видимые подписи. Для этого воспользуемся подобным селектором:
#btn-1:checked ~ .slider-controls label[for="btn-1"] {
...
}
Что он выбирает? Подпись в блоке .slider-controls
, идущем в разметке после выделенной радиокнопки с id="btn-1"
. Причём подпись с атрибутом for="btn-1"
, то есть связанную с этой радиокнопкой. То что нужно!
Стилизуем таким образом все подписи к радиокнопкам.
Минимальный вид табов
- index.html
HTML
HTML
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.
100%