Sortera stilar i CSS stylesheet

Jag brukar dela upp stilar i olika logiska beståndsdelar (en fil för varje, och dessa filer @import:as i "main.css"), t.ex. en för övergripande layout, en för navigation, en för textstilar, en för footer, en för header, eller liknande.

BBEdit kan sortera, men bara rader utan radbrytning. Har du ett CSS som ser ut så här tex:

#pagehead {background-color: #ccc; width: 700px; height: 100px;}
#pagefoot {background-color: #eee; heigt: 40px;}
body {margin: 0px;}

... så kan den sortera. Har du däremot DW-förinställning och det ser ut så här:

#pagehead {
background-color: #ccc;
width: 700px;
height: 100px;
}
#pagefoot {
background-color: #eee;
height: 40px;
}
body {
margin: 0px;
}

... så kommer det att gå åt skogen.

Du vet väl annars att det går att ha flera CSS-dokument som du länkar in i ett som i sin tur är länkat in i HTML-dokumentet? På det viset kan man sortera upp stilarna i grupper som är lättare att bläddra i. Man får tex i DW en grupp som kan döljas/visas i CSS-paletten. Blir mer överskådligt då än när det är en enda lång lista.