css - use universal '*' selector vs. html or body selector?

Posted by Michael Durrant on Programmers See other posts from Programmers or by Michael Durrant
Published on 2012-12-02T15:10:46Z Indexed on 2012/12/02 17:20 UTC
Read the original article Hit count: 225

Filed under:
|
|

Applying styles to the body tag will be applied to the whole page, so

body { font-family: Verdana }

will be applied to the whole page. This could also be done with

* {font-family: Verdana} 

which would apply to all elements and so would seem to have the same effect.

I understand the principle that in the first instance the style is being applied to one tag, body for the whole page whereas in the second example the font is being applied against each individual html elements. What I am asking is what is the practical difference in doing that, what are the implications and what is a reason, situation or best practice that leads to using one over another.

One side-effect is certainly speed (+1 Rob). I am most interested in the actual reason to choose one over the other in terms of functionality.

© Programmers or respective owner

Related posts about coding-style

Related posts about html