li input:checked + span セレクタの意味を教えてください

チェックの入った input に隣接した兄弟要素の span を指定しています。
2024年9月20日
ユーザー
li input:checked + span {
  ・・・
}

「子孫結合子」と「隣接兄弟結合子」について教えてください。
自分で調べたり、補足情報を復習しましたが、自信がありません。


子孫結合子は、li タグと input タグとの関係である。
label input:checked + span でも、動きました * labelタグと input タグは子結合子である)

input に対して疑似要素の checked されたときの、input タグの隣接兄弟要素が、span であるので、
CSS の処理が実行される?

という理解でよろしいでしょうか?

また、label input:checked + span にしない理由があるのでしょうか?

よろしくお願い致します。

この回答を見るにはプレミアムプランへの登録が必要です

プレミアムプランとは?

このレッスンの質問と回答(1)