Less基础语法

Less 是一种 CSS 预处理器，提供了变量、嵌套、混合（Mixins）、函数等高级功能，使 CSS 更加模块化、可维护和高效。以下是 Less 的 基础语法 和常用特性。

---

一、基本语法

1. 变量（Variables）

使用 @ 定义变量，常用于颜色、字体、尺寸等统一管理。

@primary-color: #3498db;
@font-size: 16px;

body {
  color: @primary-color;
  font-size: @font-size;
}

---

2. 嵌套（Nesting）

模仿 HTML 结构进行样式嵌套，提高可读性和结构清晰度。

nav {
  ul {
    list-style: none;
  }

  li {
    display: inline-block;
  }

  a {
    color: @primary-color;
    text-decoration: none;

    &:hover {
      color: darken(@primary-color, 10%);
    }
  }
}

---

3. 父选择器 &</