"Κακό" CSS και διόρθωση / βελτιστοποίηση

[philos]

Έχω τρία αρχεία *css, ας τα πούμε core.css, page1.css και page2.css. Μπορεί σε μία σελίδα να φορτώσει το page1.css και σε μια άλλη το page2.css. Το core.css φορτώνει πάντα.

Το κακό: έχω χρησιμοποιήσει το !important ουκ ολίγες φορές κατά το χτίσιμο, με μοναδικό κριτήριο το αποτέλεσμα. Αυτό κάνει κάπως ασταθές το αποτέλεσμα της σελίδας κάποιες φορές.

Υπάρχει κάποιος CSS validator που να μπορώ να του δώσω τα *css στη σωστή σειρά που φορτώνουν, αυτός να αφαιρέσει όλα τα !important και να μου επιστρέψει τον διορθωμένο κώδικα βάσει του πως τον ερμηνεύει ένας σύγχρονος browser;

Έψαξα λίγο στο Google αλλά δεν βρήκα κάτι.

Επεξ/σία 21 Ιανουαρίου 2022 από philos

[mrkra]

ειναι πολυ κακη πρακτικη να χρησιμοποιεις απλοχερα το !important πρεπει να αλλαξεις νοοοτροπια προγραμματιστικη. Ξαναφτιαξε απο την αρχη τα αρχεια σου, χωρις !importnant σεβασου τις ιεραρχιες και στοχευσε τοσο οσο. Αν θες να τα αφαιρεσεις με ενα editor replace all reg expr.

[XPHSTOS_]

Τώρα ότι έγινε, έγινε.
Είναι πιο καλό, για σένα κυρίως, να τα καθαρογράψεις από την αρχή.
Επειδή γνωρίζω πόσο δύσκολη είναι η ονοματοδοσία στις κλάσεις, διάβασε λίγο για BEM και SMACSS για να σε βοηθήσει.

Επεξ/σία 22 Ιανουαρίου 2022 από XPHSTOS_