:checkedはinput(radio check)タグがクリックされた時に、指定のセレクタにcssを追加するための擬似要素。

◎使い方

既存のデザインを変更する場合や、ハンバーガーメニュー実装時に使用。

(例)

ハンバーガーメニュー実装

input[type=check]:checked + ハンバーガーメニューの要素{適用するCSSを記述}

◎注意点

ハンバーガーメニュー実装時は、display:noneでinputタグを消しておく

inputタグとlabelタグの紐付けを忘れずに(input ID=”○○○” label for=”○○○”)