CodePen Embed - Solve it with CSS or JS

<div class="wrapper">
  <h1>Title</h1>
  <div class="content">
    <p>child 1</p>
  </div>
</div>

/* CSS solution */
.wrapper:has(.content:not(:empty)) {
  background-color: tomato;
}

.wrapper:has(.content:empty) {
  display: none;
}

/** JS solution */
// const wrapperDiv = document.querySelector('.wrapper')
// const contentDiv = wrapperDiv.querySelector('.content')
 
// if (contentDiv.childNodes.length > 0) {   wrapperDiv.style.backgroundColor = 'tomato'
// } else {
//   wrapperDiv.style.display = 'none'
// }

Run Pen

This Pen is owned by Yoon Han on CodePen.

See more by @YoonHan on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.