サブエレメントと直属サブエレメント


<i>Outside</i>
<div class="div1">
  <i>Inside 1</i>
  <p>Blah blah <i>Inside 2</i></p>
  <i>Inside 3</i>
</div>
サブエレメント(children).div1 i {font-weight: bold;}「div 1」の要素を持つ子(+孫、曽孫...)すべての<i>ラベル
Outside
Inside 1
Blah blah Inside 2
Inside 3
Inside 1、Inside 3はサブアイテムで、
Inside 2は孫
ダイレクトサブエレメント.div1 > i {font-weight: bold;}「div 1」クラスの要素を持つすべての直属子<i>タグ
Outside
Inside 1
Blah blah Inside 2
Inside 3
Inside 1、Inside 3万直属子
Inside 2は.div1 > p > iで直属サブシステムではありません