LESS - Nhận xét

Sự miêu tả

Nhận xét làm cho mã rõ ràng và dễ hiểu đối với người dùng. Bạn có thể sử dụng cả kiểu khối và chú thích nội tuyến trong mã, nhưng khi bạn biên dịch mã LESS, chú thích dòng đơn sẽ không xuất hiện trong tệp CSS.

Thí dụ

Ví dụ sau minh họa việc sử dụng chú thích trong tệp LESS -

<html>
   <head>
      <title>Less Comments</title>
      <link rel = "stylesheet" type = "text/css" href = "style.css" />
   </head>

   <body>
      <h1>Example using Comments</h1>
      <p class = "myclass">LESS enables customizable, 
      manageable and reusable style sheet for web site.</p>
      <p class = "myclass1">It allows reusing CSS code and 
      writing LESS code with same semantics.</p>
   </body>
</html>

Bây giờ, hãy tạo tệp style.less .

style.less

/* It displays the
green color! */
.myclass {
   color: green;
}

// It displays the blue color
.myclass1 {
   color: red;
}

Bạn có thể biên dịch tệp style.less thành style.css bằng cách sử dụng lệnh sau:

lessc style.less style.css

Bây giờ thực hiện lệnh trên; nó sẽ tự động tạo tệp style.css với mã sau:

style.css

/* It displays the
green color! */
.myclass {
   color: green;
}

.myclass1 {
   color: red;
}

Đầu ra

Làm theo các bước sau để xem cách mã trên hoạt động -

  • Lưu mã html ở trên trong comments.html tập tin.

  • Mở tệp HTML này trong trình duyệt, kết quả sau sẽ được hiển thị.