2011-06-21 5 views
2

J'essaye d'employer MOINS de CSS pour écrire mon CSS. J'ai importé le fichier style.css et le fichier less.js dans cet ordre.MOINS problème CSS

Mais je ne suis pas en mesure de générer le CSS quand j'écrire le CSS comme celui-ci

@black: #231f20; 
@brown: #241714; 
@red: #cd0001; 

#header #logo { width:224px; height: 75px; backgroud-color:@red;} 

Lien: http://bakasura.in/king/

Moins fichier: http://bakasura.in/king/css/styles.less

+1

Cette méthode a-t-elle été testée et s'est-elle avérée nettement plus rapide? Mise à jour Taille du fichier sage, je pense que vous feriez une plus grande différence si vous éliminez des espaces (comme '{' et '; abc') et des caractères inutiles comme'; 'à la fin du bloc de style. – Shef

+0

Selon ma connaissance, nous devons l'utiliser uniquement pour le développement. de sorte que vous aurez un meilleur CSS à la fin de celui-ci. Une fois que vous voulez le mettre en production, vous pouvez utiliser le fichier CSS généré par le système LESS et y faire un lien. –

+1

C'est quand vous avez des fichiers énormes. –

Répondre

5

backgroud-color:@red contient une faute de frappe. À la place, essayez background-color:@red.

+0

omg :(merci beaucoup ... –

+0

lol j'ai besoin d'attendre 10 minutes pour accepter la réponse: P –

2

En regardant votre source que vous importez les less.js après la styles.less

<link rel="stylesheet/less" href="css/styles.less"> 
<script src="js/less-1.1.3.min.js"></script> 

Cela peut ou peut ne faire aucune différence.

+1

C'est l'ordre recommandé, voir: http: // lesscss .org /. – thirtydot

+0

il y avait une faute de frappe .. qui a causé l'erreur .pour répondre à votre question, ils doivent avoir le fichier moins avant le fichier js –

+0

juste assez @thirtydot, n'était pas sûr, juste poster a dit qu'il les avait dans un On dirait que votre réponse a fait l'affaire – Alex