the few as many

trust inheritance

Declare once, inherit everywhere

/* ❌ BEFORE – declaring styles repeatedly */
h1, h2, p, li {
  font-family: system-ui, sans-serif;
  color: #111;
}

blockquote {
  font-family: system-ui, sans-serif;
  color: #111;
}

td, th {
  font-family: system-ui, sans-serif;
  color: #111;
}

/* ✅ AFTER – declare once, inherit everywhere */
body {
  font-family: system-ui, sans-serif;
  color: #111;
}
One declaration flows to all children...

Heading One

Heading Two

Paragraph text inherits naturally.

  • List items too
  • Everything flows from body
"Even blockquotes inherit without extra rules."

2 lines vs 8+ lines - Let inheritance work for you.

Selector power > utility overload.