CSS で別の要素のアクティブ状態のプロパティ値を設定するにはどうすればよいですか?

Question

現在、JavaScript を使用しないスイッチを開発中です。私が抱えている問題の 1 つは、ある要素が :active 状態にあるときに、ある要素のプロパティを設定する方法がわからないことです。いくつかのことを試しましたが、どれもうまくいきませんでした。ここにCodePenのリンクがあります。また、ここにいくつかのコードがあります:

リーリーリーリー

誰か解決策を知っていますか?しばらくこれに取り組んできました。