Ngôn ngữ LESS

Ngôn ngữ stylesheet "động".
LESS mở rộng CSS bằng cách thêm vào nó các thành phần động như biến, mixins, toán tử và hàm. LESS chạy cả ở phía client-side (Chrome, Safari, Firefox) và server-side, cùng với Node.js và Rhino.
Là một mở rộng của CSS, LESS không chỉ tương thích ngược với CSS, mà các tính năng của nó đều sử dụng các cú pháp CSS. Điều này làm cho việc học LESS rất dễ dàng.

Một vài câu lệnh LESS:

@base: #f938ab;

.box-shadow(@style, @c) when (iscolor(@c)) {
  box-shadow:         @style @c;
  -webkit-box-shadow: @style @c;
  -moz-box-shadow:    @style @c;
}
.box-shadow(@style, @alpha: 50%) when (isnumber(@alpha)) {
  .box-shadow(@style, rgba(0, 0, 0, @alpha));
}
.box {
  color: saturate(@base, 5%);
  border-color: lighten(@base, 30%);
  div { .box-shadow(0 0 5px, 30%) }
}
Cách thêm less.js vào trang HTML:

<link rel="stylesheet/less" type="text/css" href="styles.less">
<script src="less.js" type="text/javascript"></script>