我在使用@import时遇到问题。到目前为止,我有一个style.less文件,看起来像这样:

/*
* Screen-Cuts.Com Styles
*
*/


/* Mixins
======================================== */

@import "grid.less";

/* Main Page Styles
======================================== */

body {
}

header {
    h1 {
        font-family: 'Exo', san-serif;
        margin: 0 auto;
        font-size: 2.25em
    }
    nav[role="navigation"] {
        font-family: 'Lato', sans-serif;
        font-size: 1.25em;

        ul {
            list-style: none;

            li {
                float: left;
            }
        }
    }
}


但是,当我编译较少的代码时,@ import似乎不起作用,并且没有收到任何编译错误。这是输出:

/*
 * Screen-Cuts.Com Styles
 *
 */
/* Variables
======================================== */
/* Mixins
======================================== */
/* Main Page Styles
======================================== */
header h1 {
  font-family: 'Exo', san-serif;
  margin: 0 auto;
  font-size: 2.25em;
}
header nav[role="navigation"] {
  font-family: 'Lato', sans-serif;
  font-size: 1.25em;
}
header nav[role="navigation"] ul {
  list-style: none;
}
header nav[role="navigation"] ul li {
  float: left;
}


此外,当我尝试使用grid.less中定义的mixin时,出现编译时错误,提示未定义mixin。有人可以帮我从这里出去吗?我确定我犯了一个愚蠢的错误,但是我已经四处张望,无法找到任何线索。

最佳答案

我在这里解决了问题。 grid.less文件中存在编译错误。一旦我纠正了该错误,文件就会被导入。

关于css - LESS导入无效,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/11668338/

10-11 23:19
查看更多