CSS-Datei verkleinern

[Ernst (Gast)]

Nehmen wir an, ich habe eine Seite, in die ich CSS etwa per <button 
class="cssklasse" ...>Blah</button> einbinde.

Die CSS-Datei enthält aber viel mehr Beschreibungen als ich in der Seite 
nutze.

Gibt es einen automatischen Weg, alle CSS-Beschreibungen in der 
CSS-Datei zu löschen und eine CSS-Datei zu erstellen, die nur die 
Beschreibungen enthält, die gegenwärtig auch genutzt werden?

[Εrnst B. (ernst)]

Hmm... Evtl. Halbautomatisch:

Alle Selektoren aus CSS-Datei extrahieren, in JS-Array speichern.
in der Webseite per Interval alle x ms das Array durchgehen, prüfen ob 
Seitenelemente auf die Selektoren matchen (Geht per 
document.querySelector(...) oder z.B jQuery)
getroffene Selektoren aus Array Entfernen.

Nun Webseite Benutzen, alle Interaktionen, Mouse-Overs, Ajax-Calls, 
Fehlermeldungen, Tooltips, Animationen usw. auslösen.

Danach: Array der verbleibenden Selektoren auslesen, speichern.
Nächster Browser, Goto 1;

Dann: Schnittmenge der Ergebnisse aller Browser bilden, Gesunden 
Menschenverstand drüberstreuen, und voila: Fertig ist die Liste aller 
entfernbaren CSS-Selektoren.

=> Vielleicht hat sich schon jemand die Mühe gemacht, und es gibt ein 
Fertiges Firefox-Addon dafür :)