Less 嵌套

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

嵌套用于使您的代码遵循某种视觉层次结构。它使您的代码简单、干净且不太复杂。在嵌套时您必须非常小心,因为过度嵌套的规则可能会导致复杂性,并且难以维护。

让我们举个例子。假设您必须为具有三个段落(标准段落、介绍段落和突出显示的段落)的网站编写 CSS 代码。所有段落的字体大小和大小写都不同。因此,您必须对所有三个进行不同的定义。

例如

CSS 代码

较少的嵌套使您能够以嵌套的方式编写上述 CSS 代码,您无需重复编写段落代码。

等效的 Less 文件

下一个主题Less 导入