нет @import не работает

<head> 
    <link rel="stylesheet/less" href="less/news.less"> 
</head> 
<body> 
    <script src="less.js"></script> 
</body>

news.less выглядит следующим образом;нет @import не работает

@import: "libs/base.less"

base.less выглядит следующим образом;

@import "colors.less"; 
@import "mixins.less"; 
@import "bootstap.less"; 
@import "font-aweseome.less" 

body { 
    background-color: @light-grey; 
}

bootstrap.less и font-awesome.less - это файлы CSS с измененным расширением. Все файлы находятся в правильных папках.

При просмотре в браузере стилизация в base.less игнорируется, что означает, что мой импорт не работает.

Может ли кто-нибудь дать какие-либо советы?

Спасибо!

источник

2013-03-17 Kevin Lewis

У вас есть этот 'less/libs/base.less'? –

@MostafaShahverdy - Я действительно. –

Ваших @import заявление должно следовать этому формату:

@import "styles.less";

@import "font-aweseome.less" не работает, потому что нет точки с запятой в конце.

@import: "libs/base.less" не работает, потому что после оператора импорта есть двоеточие.

источник

2013-03-17 18:22:17 jonschlinkert

Почему двоеточие в:

@import: "libs/base.less"

Я думаю, что лучше иметь точку с запятой после всех @ импорта-х годов.

Загляните в консоль, чтобы убедиться, что пути верны, и браузер не пытается загрузить меньше файлов с неправильного URL-адреса.

источник

2013-03-17 11:23:56

-1

1.Import ваш base.less в news.less как,

@import "libs/base.less";

2.Refer ваш news.less файл в HTML

<link rel="stylesheet/less" type="text/css" href="less/news.less"/>

3.Refer less.js библиотеки в HTML-

<script src="lib/less.js"></script>

источник

2013-06-04 09:44:52 Dhayalan

Попробуйте это: @import URL ('Ваш Pa й ');

источник

2017-07-21 14:17:28

нет @import не работает

ответ

Смежные вопросы