<div class="has-wrap">

 <div class="box">
親要素(.box)
 <p class="pink">has:()とは</p>
<p class="">has:()とは</p>
</div>
 <div class="box">
親要素(.box)直後にspanタグあり
<p class="">has:()とは</p>
<p class="">has:()とは</p>
 </div>
 <span>兄弟要素の弟spanタグ</span>         
</div>
  .has-wrap .box:has(+span){/*boxタグの直後にspanタグがある指定*/
    background-color: #A99780;
  }

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.