CSS错误正在编译

时间:2017-02-07 09:19:58

标签: html css compilation less

我在为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-musix音乐带-HTML模板\ OGF \资产\少\ event.less NameError:变量@ black-color未定义在C:\ Users \ royal \ Desktop \ 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有一定的了解,但我不是一个好的编码器,所以它可能非常简单。

1 个答案:

答案 0 :(得分:1)

正如错误中所述并在此处解释http://lesscss.org/您需要定义变量。

所以在你的样式之前,在文件的顶部,或者在带有变量的另一个文件中,你将加载/导入它之前,其他所有颜色都定义颜色:

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

然后尝试编译文件。