[英]CSS Errors Compiling
我在为 OceanGrownFin.com 编写我的网站时遇到了一些问题。 如果您滚动浏览网站,我遇到的三个部分是事件的 CSS 背景、我的视频弹出和我的 twitter 提要。 在每个文件中,我都进入了 .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:\\Users.........\\themeforest-17690374-musix-music-band-html-template\\ogf\\assets\\less\\event.less NameError: 变量 @black-color 在 C:\\ 中未定义用户\\皇家\\桌面\\OG FIN WEB\\themeforest-17690374-musix-music-band-html-template\\ogf\\assets\\less\\event.less:14:17
13 .cbx-inner {
14 .bg-rgba(@black-color, 0.8);
15 padding: 11rem 0 11.4rem;
对不起,如果这太详细了,我只是想确保我提供了我拥有的所有信息。 我对 HTML 有一些熟悉,但我不是一个伟大的编码员,所以它可能非常简单。
因此,如错误中所述并在此处解释http://lesscss.org/您需要定义变量。
所以在你的样式之前,在文件的顶部,或者在另一个带有变量的文件中,你将在其他一切定义颜色之前加载/导入它:
@black-color: #000000;
@white-color: #FFFFFF;
然后尝试编译文件。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.