Sistematicamente volontà contrastanti stili in CSS

Question

Ho qualche foglio di stile provenienti da fonti diverse nel mio progetto web. Voglio armonizzarli. Alcuni stili ho bisogno da quello, un po 'dall'altro. Esiste uno strumento o un metodo come i conflitti sistematicamente risolvere stile? Ho provato strumento di sviluppo IE8, e sì, è possibile visualizzare i conflitti a livello di ogni elemento. Ma ho molti elemens, quindi se lo faccio elemento per elemento Penso che questo richiede troppo tempo. Teoricamente ci potrebbe essere uno strumento che mostra i conflitti di due file CSS in fase di progettazione?!? Penso che questo mi permetterebbe di risparmiare un sacco di tempo.

Answer 1

Hai provato questa estensione di Firefox? Polvere Me Selector http://www.brothercake.com/dustmeselectors/ Rende rimuovendo stili ridondanti molto più facile.

In caso contrario, probabilmente sarei pop tutti gli stili in un unico file, cercando di gruppo insieme regole simili, e quindi utilizzare Dust-Me per rimuovere quelli inutilizzati.

Answer 2

CSS non sono in conflitto, ha cascate. L'idea è che si può definire più regole che si applicano agli stessi elementi e l'ordine in cui si posizionano gli stili riflette un importanza -. Cioè se appare scorso, sarà ignorare le regole precedenti, in cui v'è qualcosa che si descrive come un conflitto

Si dovrebbe o ...

1) Decidere quale foglio di stile è il più importante e metterlo secondo

o

2) Ri-scrivere i tuoi stili di evitare il caos

o

3) Segna regole importanti come! IMPORTANTE

Answer 3

Se si visualizza il sito in Firefox, e utilizzare l'estensione Firebug, quindi è possibile guardare ogni elemento nella pagina visualizzata, e utilizzando la scheda "CSS" in Firefox, è possibile vedere la cascata di regole di stile che sono essere applicata a quell'elemento, e dai file sorgente che cosa CSS ogni provenienza. Vi mostrerà quali regole stanno essendo override, anche.

Questo è utile per determinare esattamente dove ogni regola particolare proviene, e ciò che viene sovrascritto.

È ancora hanno il compito di "razionalizzazione" i vostri fogli di stile, e ci possono essere altri strumenti che possono aiutare in questo.