Chrome Entwickler-Tools zeigt den Prozentsatz der nicht verwendeten CSS und listet auch alle nicht verwendeten Regeln auf.So finden und entfernen Sie nicht verwendete CSS von Chrom
Es scheint, dass Google Chrome zeigt nur ungenutzten Regeln Ich möchte herausfinden, wie es hilft?
Sollte die unbenutzten Regeln einzeln aus den einzelnen CSS-Dateien entfernt werden?!
Es ist schwer zu definieren, was ungenutzte CSS-Regeln wären, um ehrlich zu sein. Stellen Sie sich folgendes:
Einige global.css Datei
.classA {
font-size: 12px;
}
.classB {
font-size: 14px;
}
page1.html
<div class="classA">
</div>
page2.html
<div class="classA classB">
</div>
Technisch in page1 classA hat 100% seiner css Regeln, die in Seite 2 verwendet und angewendet werden, werden vollständig überschrieben. Zählt das als ungenutzte Regel? Wenn dies der Fall ist, wäre das ziemlich gefährlich, da Sie das Styling für etwas entfernen würden, von dem Sie nichts wussten.
Wenn nicht und Chrome nur darauf hinweist, dass das Setzen von "display: block" auf ein div-Element redundant ist, da es der Standardwert für ein div-Element ist, dann ist das eine andere Geschichte, von der ich die Antwort nicht kenne.
Mögliches Duplikat von [Wie ungenutzte css-Definitionen zu identifizieren sind] (http://stackoverflow.com/questions/135657/how-to-identify-unused-css-definitions). Diese und andere Antworten im Internet könnten mit einer Schnellsuche leicht gefunden werden. Die beste Lösung für Ihr Problem ist wahrscheinlich, dass Sie alle Ihre vorhandenen CSS wegwerfen und neu schreiben. –
Fragen, die uns auffordern, ein Buch, ein Tool, eine Softwarebibliothek, ein Plug-in, ein Lernprogramm, eine Technik oder andere Offsite-Ressourcen zu empfehlen, zu finden oder zu empfehlen, sind für Stack Overflow Stack Overflow nicht relevant –