非表示のサイドパネルを表示: チェックが入っています

Question

アニメーション化されたハンバーガー メニューを介してビューに切り替える機能を備えたナビゲーション メニューをサイド パネルに追加したいと考えています。 JSではなくCSSのみを使用して作成したいと考えています。

:checked 疑似クラスを使用するのが良いようですが、それを機能させることができません。これまでに持っているコード:

リーリー リーリー

助けやアドバイスをいただければ幸いです。

Answer 1

CSS のタイプミスを修正し、INPUT 要素を外に移動 #menu

リーリー

CSS のこの行を意味のあるものにするには

リーリー

:has() を使用する別の方法もありますが、ここではこの単純な解決策を使用します。