CSS :has() Examples

Select an element if all of it's children are empty.

This is useful for skeleton loaders or to flag an element as empty when debugging a page.

.post:has(> *:empty) {
  height: 10px;
  border: 1px dotted #FF474E;
}

Hello World

Goodbye World