CSS Selecting Do’s and Dont’s
CSS Globe has come up with a list of Do’s and Dont’s of CSS. This series’ part 1 covers the Do’s and Dont’s of CSS Selection, summed up as:
Summary
Do
- When choosing use class names, use class names that describe content’s meaning or purpose, not it’s appearance.
- Use few class names and use them on various elements.
- Use type selectors to (re)set default styling. If you wish, use proper reset techniques (mentioned above).
- Use multiple class names on single element to optimize your css.
- Use combined selectors and precisely target your element
Don’t
- Don’t use descriptive class names like "red", "blueDot" etc.
- Don’t use complicated class names or id’s like "sideIntroSecondaryContentTop". Use descendant selectors instead.
- Don’t use universal selector for resetting entire document.
- Don’t use browser dependent selectors.
- Don’t add unnecessary class names.
Check out the full article.
