「jQuery」子孫セレクタを使うサンプル

2021年4月23日

書式
#ID名 .クラス名(子孫)
使用例

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<style>
#cft .gg{
color:#009900;
font-weight:bold;
}
</style>
<div id="cft">
  <!-子セレクタ 要素p -->
<p class="gg">AAA 001</p>
</div>
<div id="cft">
<div class="cft2">
<!-孫セレクタ要素 -->
<p class="gg">BBB 002</p>
</div>
</div>
<style> #cft .gg{ color:#009900; font-weight:bold; } </style> <div id="cft">   <!-子セレクタ 要素p --> <p class="gg">AAA 001</p> </div> <div id="cft"> <div class="cft2"> <!-孫セレクタ要素 --> <p class="gg">BBB 002</p> </div> </div>
<style>
#cft .gg{
      color:#009900;
    font-weight:bold;
}
</style>


<div id="cft">
  <!-子セレクタ 要素p -->
      <p class="gg">AAA 001</p>
</div>

<div id="cft">
      <div class="cft2">
       <!-孫セレクタ要素 -->
            <p class="gg">BBB 002</p>
      </div>
</div>

 

jQuery

Posted by arkgame