The system I came up with is A table of contents that makes it easy to jump to specific styles.
First the global styles, then different things like Header, Navigation, Main Content, Right-hand-side-doodad, Widgets, Footer, etc.
Then create a Table of contents at the top and give each section a unique identifier, FEDCBA-Head, FEDCBA-Nav, etc. Go down to each group and put in a comment saying "Start of Navigation CSS <FEDCBA-Nav>".
Now you can look in the table of contents and do a quick file search on the unique identifier, and be taken right to the CSS you're looking for.
I generally make the table of contents a lot more detailed, and it has an upkeep cost, but it's well worth it when the CSS file gets big.
First the global styles, then different things like Header, Navigation, Main Content, Right-hand-side-doodad, Widgets, Footer, etc.
Then create a Table of contents at the top and give each section a unique identifier, FEDCBA-Head, FEDCBA-Nav, etc. Go down to each group and put in a comment saying "Start of Navigation CSS <FEDCBA-Nav>".
Now you can look in the table of contents and do a quick file search on the unique identifier, and be taken right to the CSS you're looking for.
I generally make the table of contents a lot more detailed, and it has an upkeep cost, but it's well worth it when the CSS file gets big.