When I started out learning CSS, one of the guiding principles
was to use the existing tag hooks to target DOM elements
i.e. don't add extraneous IDs and Class names.

HOWEVER....

If you read this from Google
http://code.google.com/speed/page-sp...rendering.html

Make your rules as specific as possible.Prefer class and ID selectors over tag selectors.

it would seem that Google wants us to use ID and Class names for better Page Speed scores.

So should we now be slapping ID and Class Names on everything?

I've read it while ago. An other good resource is on Firefox site. I haven't found right now the exact link but is there somewhere. Anyway the idea of making de selector specific as possible alows the browser to get more fast on specific element. On the other hand... this article is a little outdate because this days computers are very fast and browser benefit from this speed. If we will style every element like a div, and set all all style for every one then will end up with lot of redundat code, hard to mentain

Originally Posted by johnny.dacu

I've read it while ago. An other good resource is on Firefox site. I haven't found right now the exact link but is there somewhere. Anyway the idea of making de selector specific as possible alows the browser to get more fast on specific element. On the other hand... this article is a little outdate because this days computers are very fast and browser benefit from this speed. If we will style every element like a div, and set all all style for every one then will end up with lot of redundat code, hard to mentain

I agree. But it depends how anal you (or your client) want to be about improving YSlow and Page Speed scores.