[CSS]子孫セレクタのサンプル
書式
セレクタ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適用 2222</p>
</div>
</div>
<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適用 2222</p>
</div>
</div>
<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適用 2222</p> </div> </div>