[CSS]子孫セレクタのサンプル

2021年7月29日

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

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<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>

 

CSS

Posted by arkgame