CSS 属性中的 @ 是什么？它在网站代码中的何处定义？（示例-颜色：@fill；）

Question

有时在网站上检查代码时，我会遇到 CSS 我不理解的属性。就像 CSS 中的“@”。 @ 代表什么，它的值在哪里定义？

例如：我正在检查一个网站的导航（我现在不记得了）并看到以下 CSS 代码：

.nav{
  position: relative;
  top: 0;
  z-index: 12;
  width: 100%;
  max-width: 100%;
  padding: 20px 40px;
  color: @fill;
  background: @bg;
}

在上面的代码中，我无法理解@fill 或@bg 分别表示颜色和背景。网站代码中@fill 或@bg 的值可以在哪里定义？它是外部脚本还是在 javascript 或主 CSS 文件中？

我主要在 Weebly 子域站点中遇到 @fill 和 @bg 类型 CSS。

感谢您的帮助。谢谢。

Answer 1

在分配和使用变量方面的@符号用于LESS语言（这是一种CSS预处理器语言，它编译为CSS）。它不是 CSS 的一部分。即

@fill: red;

.nav {
   background: @fill;
}

您可以在此处阅读有关 LESS 变量的更多信息：https://lesscss.org/features/

运行这个通过LESS编译器会把上面的编译成css:

.nav {
   background: red;
}

What is @ in CSS attributes? Where it is defined on website code? (example- color:@fill;)