ออนไลน์น้อยกว่าเพื่อแปลง CSS

LESS To CSS Converter ช่วยให้คุณแปลง LESS เป็น CSS ออนไลน์ได้

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

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

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

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

วิธีการแปลงน้อยเป็น CSS?

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

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

น้อย

@base: 24px;
@border-color: #B2B;

.underline { border-bottom: 1px solid green }

#header {
  color: black;
  border: 1px solid @border-color + #222222;

  .navigation {
    font-size: @base / 2;
    a {
    .underline;
    }
  }
  .logo {
    width: 300px;
    :hover { text-decoration: none }
  }
}

CSS

.underline {
    border-bottom: 1px solid green;
}
#header {
    color: black;
    border: 1px solid #dd44dd;
}
#header .navigation {
    font-size: 12px;
}
#header .navigation a {
    border-bottom: 1px solid green;
}
#header .logo {
    width: 300px;
}
#header .logo :hover {
    text-decoration: none;
}