Не могу понять почему не работает следующий селектор:
.slider input[type=radio]:checked ~ .slider-controls label {
background-color: #666666;
}
По замыслу он должен выбрать активную на данный момент кнопку.
Вы ведь обращаетесь ко всем label - все три label удовлетворяют Вашему условию: следуют в коде за активным input[type=radio]. Теги input и label связываются через атрибуты id и for, соответственно. Вам нужно задать три отдельных условия: для первого input выделить его label, для второго - его, и т.д. В упражнении есть теория, перечитайте ее внимательно - там все объясняется.
Да конечно, спасибо.