C’è un modo per ottenere un elenco di tutti i CSS applicati a un frammento o pagina HTML?

So che è facile ottenere il CSS applicato a un singolo nodo in HTML, utilizzando strumenti come l’estensione Firebug per Firefox, ecc.

Ma c’è un modo per vedere tutto il CSS che è in vigore su un’intera pagina, o un frammento più grande di HTML?

In particolare, stiamo pulendo il nostro file CSS estremamente grande in moduli più piccoli e vorremmo scoprire quale CSS è usato su una determinata pagina, così possiamo spostare tutti i CSS non usati in un altro modulo.

Grazie a tutti! Queste sono le varie soluzioni che ho visto ora dai tuoi consigli (raccolti qui per le persone con lo stesso problema):

Selettori Dust-Me (componente aggiuntivo per Firefox)
Questo fa esattamente quello di cui ho bisogno. Elenca i selettori CSS usati e non utilizzati (per la pagina corrente o l’intero sito, dopo lo spidering) e può scaricare entrambi gli elenchi come testo CSV. Grande.
https://addons.mozilla.org/firefox/addon/5392/

Uso CSS (componente aggiuntivo di Firefox)
https://addons.mozilla.org/firefox/addon/10704/

WARI – Web Application Resource Inspector (strumento Java)
Appare solo per gestire il codice statico, non generato in modo dinamico come HTML è presente nella maggior parte delle applicazioni web che utilizzano Ajax – che, purtroppo, lo rende inutile, almeno per me
http://wari.konem.net/

CSS Redundancy Checker (script Ruby, richiede Rubygems e Hpricot)
http://code.google.com/p/css-redundancy-checker/

TopStyle (applicazione solo per Windows, $ 79,95 (!!))
http://svanas.dynip.com/topstyle/

Questi sono tutti multipiattaforma e gratuiti, ad eccezione di TopStyle.

Per quanto riguarda gli strumenti, è ansible utilizzare il plugin di utilizzo css per firebug. Analizzerà le pagine per i CSS usati.

O stavi cercando un modo per farlo in modo più programmatico?

Puoi provare Dust-Me Selectors , è un componente aggiuntivo per firefox, se usi firebug, come hai detto, potresti trovare utile CSS Usage .