「CSS」子セレクタのサンプル

2014年3月23日2021年7月29日

書式
セレクタ1 > セレクタ2
使用例

<style>
 /*セレクタ1 >セレクタ2*/
.cftA > .ka{
      color:SkyBlue;
}
</style>

<div class="cftA">
      <p class="ka">セレクタの子要素がcftA適用 1111</p>
</div>

<div class="cftA">
      <div class="cftB">
            <p class="ka">セレクタの孫要素がcftA適用されない</p>
      </div>
</div>