Не совсем работает css radio элемент, как изменить свойства другого класса при выборе элемента radio?

Question

[Тарас Паращук]

Сделал элемент radio на css. Квадрат с номерком в центре. При выборе цвет границы должен меняться на желтый, а цвет текста на синий. Цвет текста не меняется, что то не так пишу. А еще может заметитекакие-то ошибки и посоветуете как исправить. Спасибо.

https://codepen.io/portativka/pen/PRardV

Answer 1

[Senseich]

Вот так:

.radiok:checked ~ .labeld {
       
       color:blue;
       font-weight:bold;
}

Comments

[Тарас Паращук]

Спасибо большое.
А не подскажете как выбрать элемент c классом labeld если я помещу его внутри другого span
Все прочилал и перепробовал, не работает, извините за назойливость.

9

[Senseich]

taras1978, у вас просто измениться цепочка, если я правильно понял, например вы его поместите в такой span: <span class="lab">

<span class="lab">
            <span class="labeld">3</span>
</span>

Соответственно:

.radiok:checked ~ .lab .labeld {
       
       color:blue;
       font-weight:bold;
}

[Тарас Паращук]

Действительно работает. Спасибо!
Вроде читал все, но как до дела, ничего не могу сам сделать. :)