After discovering the new website http://csslint.net, I've started to question my approach to constructing stylesheets. One method I have recently used is as follows:
/* Fonts */
h1 { font-size:20px }
p { font-size:12px }
/* Colors */
h1 { color:green }
p { color:grey;
background-color:white }
/* Margins */
h1 { margin:0 }
p { margin:0 0 5px }
The issue pointed out by the linter is that I am constantly re-declaring heading selectors. This is intentional for maintaining logical separation between different types of rules. If I want to change colors, I go to the colors section. If I want to adjust dimensions, I refer to the dimensional areas.
Does CSSLint fear that I might accidentally overwrite styles, wasting characters, or are there performance concerns related to the number of blocks contributing to the overall presentation of heading elements?
Is this practice considered bad, or is it just a false alarm?