<div class="has-wrap">
<div class="box">
親要素(.box)
<p class="pink">has:()とは(.pinkのクラスあり)</p>
<p class="">has:()とは</p>
</div>
<div class="box">
親要素(.box)
<p class="">has:()とは(.pinkのクラスなし)</p>
<p class="">has:()とは</p>
</div>
<span>spanタグ</span>
</div>
.box:has(.pink){/*子要素に.pinkのクラスがある親要素にスタイルをあてる指定*/
border: 1px solid;
}
External CSS
This Pen doesn't use any external CSS resources.
External JavaScript
This Pen doesn't use any external JavaScript resources.