子セレクタ(>)

<h2>子セレクタの使い方を知ろう</h2>
<div class="parent">
  <p>子の関係です。文字を赤くします。</p>
  <div>
    <p>子孫の関係です。文字を赤くしません。</p>
  </div>
</div>


/* 問題1. 子セレクタで親子関係にある要素を指定しよう */


子セレクタの使い方を知ろう

```css
$(1) {
  margin: 0;
  padding: 0;
}
```

CSSにおけるセレクタの選択方法を詳しく学び、複雑なデザイン要件にも対応できるようになります。
タグから属性、似ていないセレクタまでを深く理解します。

「セレクタの使い方を学ぼう」レッスンの総復習クイズです。