สไตลัสออนไลน์เป็นตัวแปลง CSS, คอมไพเลอร์ STYLUS

Input data

Browse

Output data

Stylus To CSS Converter ช่วยให้คุณแปลงสไตลัสเป็น CSS ออนไลน์

ตัวแปลงสไตลัสเป็น CSS ที่ง่ายที่สุด

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

เครื่องมือ ตัวแปลง Stylus เป็น CSS คืออะไร?

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

วิธีการแปลงสไตลัสเป็น CSS?

ขั้นตอนที่ 1: เลือกข้อมูลของคุณ ป้อนข้อมูล
ขั้นตอนที่ 2: เลือกตัวเลือกเอาต์พุต (ตัวเลือก) ตัวเลือกเอาต์พุต
ขั้นตอนที่ 3: สร้างผลลัพธ์

คุณสามารถทำอะไรกับ STYLUS Compiler ได้บ้าง?

เครื่องมือนี้ช่วยให้คุณคอมไพล์โค้ดสไตล์ของคุณไปยังสไตล์ชีตแบบเรียงซ้อนได้อย่างง่ายดาย
STYLUS Compiler ทำงานได้ดีบน Windows, MAC, Linux, Chrome, Firefox, Edge และ Safari

ตัวอย่างตัวแปลงสไตลัสเป็น CSS

สไตลัส

.navigation
    ul
        line-height 20px
        color blue
        a
            color red

CSS

.navigation ul {
    line-height: 20px;
    color: blue;
}
.navigation ul a {
    color: red;
}