CSS-forskjonner
Lim inn minifisert eller uformatert CSS for a reformatere det med en deklarasjon per linje og ryddig innrykk. Alt kjorer i nettleseren din, sa stilene dine lastes aldri opp.
Loading…
Om CSS-forskjonneren
Dette verktoyet reformaterer minifisert eller uryddig CSS til rene, lesbare regler ved hjelp av js-beautify. Det setter hver deklarasjon pa sin egen linje, rykker inn innholdet i hver selektorblokk og legger til konsekvent mellomrom etter kolon og rundt klammer. Resultatet er stilarkkode som er lett a skumme, sammenligne og redigere, enten den kom fra en byggeutdata eller en kopiering fra nettet.
Slik bruker du det
- Lim inn minifisert eller rotete CSS i inndatafeltet.
- Forskjonneren utvider det til en deklarasjon per linje.
- Les gjennom de innrykkede selektorblokkene.
- Kopier det formaterte stilarket tilbake til prosjektet ditt.
En typisk bruk er a pakke ut en minifisert style.css slik at du kan finne og justere en bestemt regel. Forskjonning endrer kun formatering - den slar ikke sammen dupliserte selektorer, fjerner ubrukte regler eller legger til leverandorprefikser, sa kaskaden og spesifisiteten forblir noyaktig som skrevet. Alt kjorer i nettleseren din, sa stilene dine lastes aldri opp.
Ofte stilte spørsmål
Endrer CSS-forskjonneren hvordan stilene mine vises?
Nei. Den legger bare til mellomrom, linjeskift og innrykk. Selektorene, egenskapene og verdiene er uendret, sa kaskaden og det gjengitte resultatet forblir identisk.
Slar den sammen eller fjerner dupliserte regler?
Nei. Den er en formaterer, ikke en optimerer. Dupliserte selektorer og overflodige deklarasjoner beholdes som de er, sa ingenting i stilarket ditt endres i det skjulte.
Kan den handtere moderne CSS som egendefinerte egenskaper og media-sporringer?
Ja. Bygget pa js-beautify rykker den korrekt inn nostede at-regler som media-sporringer og holder egendefinerte egenskaper (CSS-variabler) intakte.
Sendes CSS-en min til en server?
Nei. Formateringen skjer lokalt i nettleseren din, sa stilarket ditt lastes aldri opp.