Is this the right way to set font family for all headings and everything inside the headings?

Question

I want all headings and everything in them, such as anchor tags, to be a certain font family. This works:

h1, h2, h3, h4, h5, h6, h1 > *, h2 > *, h3 > *, h4 > *, h5 > *, h6 > * {
 font-family: serif;
}

I was wondering if this is the most efficient way to do it?

Answer 1

font-family is inherited, so it you're not overriding it elsewhere, you can simply do this which will work for the child elements too:

h1, h2, h3, h4, h5, h6 {font-family:serif;}

If you are overriding it elsewhere, then it depends how exactly you're overriding it to know what specificity you need here.

Answer 2

If you would like to apply it to all texts (paragraph or headers), you could use

* {font-family: sans-serif} in your CSS file