Rely on CSS inheritance

[oliverjam]

Lots of CSS properties are inherited. This means if an element's parent has that property set the element will also use it. This is useful for default stuff you want to set once but apply to everything, like font styles.

You can set font-family, size etc on the body, and everything else will inherit those styles. This avoids having to either explicitly set font styles on different elements, or target every element with *.

One caveat: form elements like buttons don't inherit font styles by default. You can reset this to make them consistent like this:

button {
  font: inherit;
}