結合子の理解

知識課題

知識課題１

以下の結合子について、それぞれの役割を説明してください。

• 子孫結合子 (descendant combinator)(space)
• 子結合子 (child combinator)(>)
• 次兄弟結合子 (next-sibling combinator)(+)
• 後続兄弟結合子 (subsequent-sibling combinator)(~)
• セレクターリスト (selector list)(,)

実践課題

以下の要件を満たすHTMLとCSSファイルを作成してください

• 各結合子の使用例が明確に分かる要素の配置
• 結合子の効果が視覚的に確認できるスタイリング