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;
}