我在使用@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中定义的mixins时,我收到编译时错误,指出mixin未定义。有人可以帮我从这里出去吗?我确定我犯的是一个愚蠢的错误,但我已经看了很多,并且一直无法找到线索。
答案 0 :(得分:1)
我在这里解决了这个问题。 grid.less文件中存在编译错误。一旦我修复了该错误,就导入了文件。