LESS - Đang chạy trốn
Sự miêu tả
Nó xây dựng các bộ chọn động và sử dụng thuộc tính hoặc giá trị biến dưới dạng chuỗi tùy ý.
Thí dụ
Ví dụ sau minh họa việc sử dụng tính năng thoát trong tệp LESS -
<html>
<head>
<title>Less Escaping</title>
<link rel = "stylesheet" type = "text/css" href = "style.css" />
</head>
<body>
<h1>Example using Escaping</h1>
<p>LESS enables customizable, manageable and reusable style sheet for web site.</p>
</body>
</html>Bây giờ, hãy tạo tệp style.less .
style.less
p {
color: ~"green";
}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.cssThực hiện lệnh trên, nó sẽ tự động tạo tệp style.css với đoạn mã sau:
style.css
p {
color: green;
}Mọi thứ được viết bên trong ~ "some_text" sẽ được hiển thị dưới dạng some_text sau khi biên dịch mã LESS thành mã CSS.
Đầu ra
Bây giờ chúng ta hãy thực hiện các bước sau để xem mã trên hoạt động như thế nào -
Lưu mã html ở trên trong escaping.html tập tin.
Mở tệp HTML này trong trình duyệt, kết quả sau sẽ được hiển thị.
