*
matches every element, including the <em>
inside the <p>
.
The <em>
would have inherited the font from the <p>
, but the *
overrides it.
You should almost never use *
.
If you want to apply a global font, set it to body
, so that other rules can override it for specific elements and cascade to their descendants.