CodePen Embed - css-has-parent

<div class="out">
  <div class="in"></div>
</div>

.out .in {
  background: red;
}

.out:has(.in) {
  background: green;
}

div {
  border: 2px solid;
  padding: 50px;
}


body {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100dvh;
}

This Pen is owned by Dale Seo on CodePen.

See more by @daleseo on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.