---
title: .less 样式脚本文件
navTitle: .less
---
# .less 样式脚本文件

`.less` 是推荐使用的样式脚本源码形式，用于编写页面、应用、项目或系统级样式定制。系统会把 Less 编译为浏览器可使用的 CSS。

样式脚本常用于调整页面局部样式、应用统一外观、项目级公共样式或系统级页面样式。页面级 `.less` 通常与页面元数据同目录并同名；应用、项目或系统级样式脚本通常使用 `custom.less`。

## 常见位置{#locations}

| 位置 | 说明 |
| --- | --- |
| `/{project}/app/{app}.app/custom.less` | 应用级样式脚本。 |
| `/{project}/public/custom.less` | 项目级样式脚本。 |
| `/sysdata/public/custom.less` | 系统级样式脚本。 |
| `*.spg.less`、`*.dash.less`、`*.rpt.less` | 页面或资源关联的样式脚本。 |

## 编辑注意事项{#notes}

1. 优先维护 `.less` 源文件，不要同时手工改同名 `.css` 编译产物。
2. 样式选择器应尽量收敛到当前页面、应用或组件范围，避免影响全局页面。
3. 修改全局或系统级样式前，先确认影响范围和回退方式。
4. 修改后需要在浏览器中检查页面样式、深浅主题和响应式表现。

## 相关参考{#references}

- [.css 样式文件](./css.md)
- [custom.less 前端自定义样式开发](../../../script/styles/custom-less.md)
- [脚本文件的组织](../../../script/file-organization.md)
- [脚本开发](../../../script/README.md)