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, Nav

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.