/* ❌ 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;
}
Paragraph text inherits naturally.
"Even blockquotes inherit without extra rules."
2 lines vs 8+ lines - Let inheritance work for you.
Selector power > utility overload.