web-dev-qa-db-fra.com

moins @import ne fonctionne pas

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

news.less ressemble à ceci;

@import: "libs/base.less"

base.less ressemble à ceci;

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

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

bootstrap.less et font-awesome.less sont des fichiers CSS avec une extension modifiée. Tous les fichiers sont dans les bons dossiers. 

Dans le navigateur, le style dans base.less est ignoré, ce qui signifie que mes importations ne fonctionnent pas. 

Quelqu'un peut-il donner des conseils?

Merci!

csswebless
23
Kevin Lewis

Vos déclarations @import doivent suivre ce format:

@import "styles.less";

@import "font-aweseome.less" ne fonctionne pas car il n'y a pas de point-virgule à la fin.

@import: "libs/base.less" ne fonctionnera pas car il y a un signe deux-points après l'instruction d'importation. 

46
jonschlinkert

Pourquoi le côlon dans:

@import: "libs/base.less"

Je pense qu'il est préférable d'avoir un point-virgule après tout @ import-s.

Examinez la console pour vous assurer que les chemins sont corrects et que le navigateur n'essaie pas de charger un fichier moins à partir de la mauvaise URL.

3
Tamás Pap

Essayez ceci: @ Import url ('Your Path');

0
Abdul Basit

importer est 

@import "styles.less";
0
Fel