カテゴリー
CSS セレクタ 子孫セレクタ

【CSS】子孫セレクタ:特定要素の子・孫要素にスタイルを適用する

(例)【CSS】子孫セレクタの使用方法

See the Pen
子・子孫セレクタ
by linlin (@linlin098765)
on CodePen.

<div>ああああ<p>良い良い</p></div>
<p>うううう</p>
<div><a href="#">ええええ</a></div>
div>p{background-color:red;}
div a{color:green;}

【CSS】子孫セレクタ:特定要素の子・孫要素にスタイルを適用する

 CSSの子孫セレクタは、特定要素の子・孫要素に対してスタイルを適用します。選択方法は「要素名 要素名{}」といった具合で半角スペースで区切ります。