Less面试题及详细答案.docxVIP

Less面试题及详细答案

一、基础必考题（入门级，考察核心基础）

1.请说说Less是什么？它和CSS相比，核心优势有哪些？

答案：Less是一种CSS预处理器，它扩展了CSS的语法，允许我们使用变量、嵌套、混合、继承等特性，最终会编译成标准的CSS文件，供浏览器识别。

和CSS相比，核心优势有3点（结合实际开发场景，不堆砌）：

①减少代码冗余：比如项目中重复使用的主题色、字体大小，用变量统一管理，修改时只需改一处，不用全局查找替换；

②简化嵌套写法：CSS的嵌套需要重复写父选择器，Less可以直接嵌套子选择器，结构更清晰，和HTML结构对应，可读性更高（比如导航栏的a标签hover效果，不用写两次.nav）；

③提高维护性：通过混合、继承，可复用常用样式（比如清除浮动、居中布局），后期项目迭代时，样式修改更高效，降低出错率。

补充：Less是解释型预处理器，不需要复杂的编译配置，入门门槛低，适合中小型项目快速开发。

2.Less中的变量（Variable）如何定义？作用域是怎样的？举一个实际开发中的应用例子。

答案：Less中变量用@符号定义，语法：@变量名:变量值;（注意冒号后有空格，规范写法）。

作用域：和JS的变量作用域类似，局部作用域优先于全局作用域。在某个选择器、混合中定义的变量，只在该范围内有效；全局定义的变量（不在任何选择器内），整个Less文件都能