สามารถจัดรูปแบบ Sass หรือ CSS แบบซ้อนกันได้หรือไม่?

ใช่ — ตัวแยกวิเคราะห์ PostCSS ของ Prettier จัดการคุณสมบัติ CSS สมัยใหม่รวมถึงการซ้อน, คุณสมบัติที่กำหนดเอง, การสืบค้นคอนเทนเนอร์, @supports และอื่น ๆ

ตัวบีบอัดนี้เป็นระดับที่ใช้ในการผลิตหรือไม่?

เหมาะสำหรับการจัดส่งสไตล์ชีทขนาดเล็กถึงขนาดกลาง: ตัดความคิดเห็น, ยุบช่องว่าง, กระชับไวยากรณ์ เพื่อการบีบอัดสูงสุด (การเขียนสีซ้ำ, การยุบแบบย่อ) คุณจะต้องใช้เครื่องมือเฉพาะเช่น csso หรือ Lightning CSS ในขั้นตอนการสร้างของคุณ

มันจะทำให้ @media หรือ @supports query ของฉันเสียหรือไม่?

ไม่ — สิ่งเหล่านั้นจะถูกรักษาไว้และจัดรูปแบบสวยงามในลักษณะเดียวกับที่ Prettier ทำใน IDE

CSS ของฉันถูกส่งไปยังเซิร์ฟเวอร์หรือไม่?

ไม่ — ทุกอย่างทำงานในเบราว์เซอร์ของคุณ

ตัวจัดรูปแบบและโค้ด

CSS Formatter

ตัวจัดรูปแบบและย่อขนาด CSS ฟรี พิมพ์ CSS ที่ไม่สวยงามให้สวยงามด้วยค่าเริ่มต้นของ Prettier หรือลบความคิดเห็นและช่องว่างเพื่อสร้างสไตล์ชีทที่เล็กที่สุด ทำงานในเบราว์เซอร์สำหรับ CSS ใดๆ รวมถึงตัวเลือกแบบ Sass

Runs in your browser

CSS formatter & validator

lines: 0chars: 0size: 0 B

CSS · UTF-8 · 2-space indent

หมายเหตุจากบรรณาธิการ

Understanding · CSS, but neat.

บทเชิงลึกนี้มีให้บริการเฉพาะภาษาอังกฤษในขณะนี้ เครื่องมือแปลงด้านบนทำงานในภาษาของคุณ บทความอธิบายแบบยาวยังไม่ได้แปล

คำถามที่พบบ่อย

Quick answers.

›Can it format Sass or nested CSS?

Yes — Prettier's PostCSS parser handles modern CSS features including nesting, custom properties, container queries, @supports, and more.

›Is the minifier production-grade?

It's good for shipping small-to-medium stylesheets: strips comments, collapses whitespace, tightens syntax. For maximum compression (colour rewrites, shorthand collapsing) you want a dedicated tool like csso or Lightning CSS in your build pipeline.

›Will it break my @media or @supports queries?

No — those are preserved and pretty-printed the same way Prettier does in an IDE.

›Is my CSS sent to a server?

No — everything runs in your browser.

ผู้คนยังค้นหา

เครื่องมือที่เกี่ยวข้อง

More in this room.

ดูทั้งหมดใน ตัวจัดรูปแบบและโค้ด