CSS formatētājs

Tas parsē stilu lapu kārtulās, deklarācijās un at-kārtulās un pēc tam tās izvada vienotā izkārtojumā. Tā kā CSS tiek parsēts, izvade atspoguļo stilu lapas faktisko struktūru.

Katrs noteikums sākas ar selektoru un atverošo figūriekavu, katrs deklarācijas ieraksts ir savā rindā ar divu atstarpju atkāpi un atstarpi aiz kola, bet aizverošā figūriekava ir atsevišķā rindā. Selektoru sarakstā tie ir atdalīti ar komatu un atstarpi, un ap kombinatoriem, piemēram, > un ~, ir atstarpes.

Jā, noteikumi blokos @media, @supports un līdzīgos blokos ir ligzdoti un ar atkāpēm. Tādi paziņojumi kā @import paliek vienā rindā, bet url() vērtības tiek rakstītas pēdiņās.

Ja parsētājs nevar nolasīt stila lapu, piemēram, trūkstošas figūriekavas dēļ, rīks apstājas un parāda parsētāja ziņojumu ar rindas numuru. Izlabojiet norādīto vietu un formatējiet vēlreiz.

Jā, komentāri tiek saglabāti gan starp noteikumiem, gan starp deklarācijām. Katrs komentārs ir savā rindā ar tādu pašu atkāpi kā apkārtējais kods.

Jā, pielāgotie rekvizīti, piemēram, --brand-color, tiek formatēti tāpat kā jebkura cita deklarācija. Atsauces, piemēram, var(--brand-color), tiek saglabātas, kā rakstītas.

Nē, šī lapa paredzēta vienkāršam CSS, un ligzdoti noteikumi vai priekšapstrādātāju mainīgie var tikt noraidīti. Šādiem failiem izmantojiet SCSS formatētāju vai Less formatētāju.

Nē, formatētājam nav iestatījumu, un tas vienmēr izmanto divas atstarpes, atverošo figūriekavu liekot selektora rindā. Tādējādi rezultāti visām stila lapām ir vienādi.

Izvade tiek atgriezta kā Markdown koda bloks ar atzīmi css, tāpēc Markdown tas tiek attēlots ar sintakses izcēlumu. Kopējiet rindas starp koda bloka norobežotājiem savā .css failā.

Līdz 5 MB vienā reizē; lielāka ievade tiek noraidīta ar ziņojumu. Izvade ir tāda pati kā Code Formatter CSS opcijai.