it-swarm.com.de

Wie können Sie doppelte CSS-Regeln identifizieren?

Ich spreche hier nicht von gebraucht/ungenutzt. Ich habe zwei Stylesheets und einige Regeln unterscheiden sich (entweder in Selektoren, Regeln oder beiden) und einige sind genau gleich.

Daher suche ich nach einer Möglichkeit, diese Regeln, die in beiden Dateien identisch sind, zu extrahieren und in ein drittes Stylesheet zu verschieben.

Mit anderen Worten: eine Schnittmenge zweier Stylesheets. Seltsamerweise konnte ich keine Software dafür finden. Ich hätte erwartet, dass dies ein häufigeres Problem ist.

Hintergrund für diejenigen, die sich interessieren: Ich wandle eine Desktop-Website in eine mobile um und habe zunächst das Desktop-Stylesheet dupliziert und geändert (Inhalte weggeworfen, hinzugefügt).

3
DanMan

Hier ist eine mögliche Lösung:

  1. Kopieren Sie beide Dateien in ein CSS-Code-Formatierungsprogramm, z. http://www.codebeautifier.com/
  2. Formatieren Sie es so, dass sich jeder CSS-Regelsatz in einer Zeile befindet, z. p { font-size: 13px }
  3. Legen Sie das Ergebnis in ein Sortierprogramm, z. den Befehl sort auf dem Linux/Mac-Terminal. Es gibt Online-Tools, die dies auch können.

Jetzt sollten alle duplizierten Selektoren nebeneinander sein. Du solltest sie ziemlich leicht von Hand kombinieren können.

Vergessen Sie auch nicht, dass eine unterschiedliche Reihenfolge der CSS-Regeln zu unterschiedlichen Ergebnissen führen kann.

2
DisgruntledGoat

Würde ein Diff-Tool nicht funktionieren? Ich benutze Beyond Compare, um identische Zeilen zwischen zwei Dateien anzuzeigen. Sie können sie einfach kopieren.

Bin nicht mit der Scooter-Software verbunden, sondern nur ein zufriedener Benutzer.

0
pritaeas

Wenn die Diff-Tools dies nicht für Sie tun, würde ich empfehlen, mit einer leeren Datei zu beginnen und diese manuell zu durchsuchen. Wenn Ihr CSS älter als ein paar Monate ist, ist es wahrscheinlich veraltet für all die neuen Dinge, die Sie in der Zwischenzeit gelernt haben. Wie Geoff bereits erwähnte, wird es dabei helfen, zu WENIGER zu gehen. Ich bin mir auch nicht sicher, ob ein Desktop-Stylesheet der beste Ausgangspunkt für ein mobiles Stylesheet ist, insbesondere, wenn Sie nicht reagieren. Viele Leute sagen Mobile zuerst.

Wenn dies eher nach Meinung als nach Antwort klingt, fragen Sie sich, ob Sie die Tatsache in Betracht ziehen, dass Sie keine Software gefunden haben, die dies tut (so wie ich es auch nicht konnte), um zu beweisen, dass ich möglicherweise Recht habe Volksstimme Sinn für "richtig"

0
CodeMonkey

Sie haben gerade unser Tool aktualisiert und können es zum Entfernen der Duplikate verwenden. Anschließend können Sie den Bericht anzeigen, um die Liste der Duplikatregeln und -eigenschaften anzuzeigen:

http://rbtech.github.io/css-purge

0
AEQ