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

2021年7月29日

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

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<style>
.cft .ta + .tb{
color:SkyBlue;
}
</style>
<div class="cft">
<div class="ta">AAA</div>
<p class="tb">BBB 隣接セレクタにCSSが適用</p>
</div>
<style> .cft .ta + .tb{ color:SkyBlue; } </style> <div class="cft"> <div class="ta">AAA</div> <p class="tb">BBB 隣接セレクタにCSSが適用</p> </div>
<style>
.cft .ta + .tb{
      color:SkyBlue;
}
</style>

<div class="cft">
      <div class="ta">AAA</div>
      <p class="tb">BBB 隣接セレクタにCSSが適用</p>
</div>

 

CSS

Posted by arkgame