CSS: no child selector

check if no children

tag:empty

Match tag that has no children.

tag here is compound selector, or none, which means the universal selector (* any tag).

🛑 WARNING: inner-text count as children, including just whitespace.

p:empty {
 background-color: yellow;
 width: 50px;
 height: 50px;
}