CSS属性中的@是什么?网站代码在哪里定义?(示例-color:@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文件中？

我发现@fill和@bg类型的CSS主要在Weebly子域网站中。

Answer 1

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

@fill: red;
.nav {
background: @fill;
}

您可以在这里阅读更多关于LESS变量的信息：https://lesscss.org/features/

通过LESS编译器运行它将把上面的代码编译成css：

.nav {
background: red;
}