Less 语法

2024年8月29日 | 1 分钟阅读

Less 是最受欢迎的 CSS 预处理器，它使用编程特性扩展纯 CSS，如变量、函数或 Mixin 和运算，这有助于您构建模块化、可扩展且更易于管理的 CSS 样式。

Less 语法不符合 W3C 规范。Less 中的属性声明与 CSS 非常相似，但它必须单独成行并缩进。让我们看一个 Less 代码的例子

Less 代码

@color-base: #2d5e8b;
.class1 {
  background-color: @color-base;
  .class2 {
    background-color: #fff;
    color: @color-base;
  }
} 

此 Less 代码由编译器处理，并生成浏览器兼容的 CSS 格式。

CSS 代码

.class1 {
  background-color: #2d5e8b;
}
.class1 .class2 {
  background-color: #fff;
  color: #2d5e8b;
} 

下一节Less 变量

Less 语法

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

Less 教程

Less 函数

Less 面试

Less 语法

相关帖子

1) 参数 Mixins

Less 导入

Less 合并

2) Less 合并空格

Less 安装

2) Less CSOP 选择器

Less 运算

LESS 的特性

优点 缺点

1) Less MP 选择器

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器

优点缺点