ทดสอบคอมไพเลอร์ใน LESS

ตอนนี้เรามาทดสอบการทำงานของคอมไพเลอร์กัน สำหรับการนี้คุณต้องสร้างไฟล์ด้วยรหัสทดสอบ LESS ไฟล์นี้ควรมีนามสกุล .less มาเพิ่มเนื้อหาต่อไปนี้ เข้าไป:

styles.lessdiv {
  p {
    font-size: 20px;
  }
}

ตามคำแนะนำในเอกสารประกอบของ คอมไพเลอร์ที่คุณติดตั้งไว้ ให้คอมไพล์ไฟล์ .less ของคุณเป็นไฟล์ .css ผลลัพธ์ที่คุณควร เห็นคือโค้ดต่อไปนี้:

styles.cssdiv p {
  font-size: 20px;
}