meno @import non funziona

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

news.less ha questo aspetto;meno @import non funziona

@import: "libs/base.less"

base.less ha questo aspetto;

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

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

bootstrap.less e font-awesome.less sono file CSS con estensione modificata. Tutti i file sono nelle cartelle giuste.

Quando si guarda nel browser, lo stile in base.less viene ignorato, il che significa che le mie importazioni non funzionano.

Qualcuno può dare qualche consiglio?

Grazie!

fonte

2013-03-17 Kevin Lewis

avete questo 'less/libs/base.less'? –

@MostafaShahverdy - Lo so davvero. –

vostri @import dichiarazioni devono seguire questo formato:

@import "styles.less";

@import "font-aweseome.less" non funziona perché non c'è virgola alla fine.

@import: "libs/base.less" non funziona perché sono presenti due punti dopo l'istruzione di importazione.

fonte

2013-03-17 18:22:17 jonschlinkert

Perché i due punti in:

@import: "libs/base.less"

Credo che sia meglio avere un punto e virgola dopo tutto @ import-s.

Dai un'occhiata alla console per verificare che i percorsi siano corretti e che il browser non stia tentando di caricare un file meno dall'URL errato.

fonte

2013-03-17 11:23:56

-1

1.Importare tuo base.less in news.less come,

@import "libs/base.less";

2.Refer il file news.less in html

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

3.Refer less.js biblioteca l'html

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

fonte

2013-06-04 09:44:52 Dhayalan

Prova questo: @import url ('il tuo Pa th ');

fonte

2017-07-21 14:17:28

meno @import non funziona

risposta

Problemi correlati