CSS :has() selector magic

/* Style a card differently if it has an image */
.card:has(img) {
  display: grid;
  grid-template-columns: 200px 1fr;
}

/* Style parent based on child state */
form:has(input:invalid) {
  border-color: red;
}

/* Sibling selector on steroids */
li:has(+ li.active) {
  opacity: 0.5;
}