CSS编译错误

Question

我在为OceanGrownFin.com编程网站时遇到了一些问题。如果你滚动浏览该网站，我遇到的三个部分是事件的CSS背景、我的视频弹出窗口和我的推特订阅源。在每一张照片上，我都进入了.less文件，并指向我想要使用的图片，但由于某种原因，它没有显示。例如：

.cbx-event {
background: url(/assets/img/shows_bg.png)no-repeat center fixed;
-webkit-background-size: cover;
-o-background-size: cover;
-moz-background-size: cover;
background-size: cover;
color: #ffffff;
.cbx-inner {
.bg-rgba(@black-color, 0.8);
padding: 11rem 0 11.4rem;
}
.cbx-heading {
h2 {
i {
color: @white-color;
span {
background: @white-color;
}
}
}
}

这是我的event.less文件中使用的代码。有人告诉我，我需要编译这些.less文件，我试着用Koala和WinLESS来编译这些文件。在两个程序上，当我尝试编译时，我都收到了这个错误：

C： \用户。。。。。。。。。\themeforest-17690374-music-band-html-模板\ogf\assets\less \event.less名称错误：C:\Users\royal\Desktop\OG FIN WEB\themeforest-17690374-musix-music-band-html-template\ogf\assets\less \event.less中未定义变量@black color。less：14:17

13     .cbx-inner {
14         .bg-rgba(@black-color, 0.8);
15         padding: 11rem 0 11.4rem;

很抱歉，如果这太详细了，我只是想确保我把所有的信息都放进去。我对HTML有些熟悉，但我不是一个很好的程序员，所以它可能很简单。

Answer 1

如错误中所述，并在此处进行了解释http://lesscss.org/你需要定义变量。

因此，在你的样式之前，在文件的顶部，或者在另一个带有变量的文件中，你将在其他所有东西定义颜色之前加载/导入它：

@black-color: #000000;
@white-color: #FFFFFF;

然后尝试编译这些文件。