Document-tree pseudo-classes

Nothing on this page is selected by a class or an id alone. The colours come from a :scope token block, the links from :any-link, and every highlight in the table below from :empty - three selectors that need only the document tree.

:empty marks the gaps

Part	Supplier	Lead time
Hinge, 40mm	Ferrant & Co.	3 weeks
Bracket, L		2 weeks
Spacer, 6mm	Ferrant & Co.

Row 2's supplier cell is written <td></td> and row 3's lead time holds three spaces. Both are :empty - white space is not content. A cell holding a non-breaking space would not be, and neither would one holding a <br>.

:empty collapses an unused container

This callout has content, so it stays.

The template emitted an empty callout between these two.

.callout:empty
  { display: none }

removed it, so no stray blue rule prints.

:any-link, and what it leaves alone

A real hyperlink is styled by :any-link; a named anchor with no href is not a link source, so it keeps the plain body treatment this page's a { } reset gives every anchor.

showcase docs