css csoportok

CSS tanulmányainkat folytatandó, egy újabb felfedezésemet osztom meg Veletek. Mint már említettem, css szerkesztésre a csseditet használom.
Nem tudom, hogy az alábbi mutatvány más css buherátorban is működik (biztosan), de csseditben biztosan szebbé, s áttekinthetőbbé tehető egy oldal hosszú css kódja.

Eddig minden különböző kódrészletet kommentekkel választottam el egymástól, pl. /* header */. Ha ehelyett a /* @group header */ kóddal indítunk, s a /* @end */ fejezi be az adott szakaszt, akkor azok a csseditben kis legördíthető egységeket alkotnak számunkra. Pl.:
[source:css]
/* @group header */
#header {
width: 700px;
height: 100px;
margin: 0 auto;
}
/* @end */
[/source]

Ha nem lettem volna fentebb érthető, itt egy screencast a folyamatról.

Az eredmény pedig itt látható: