MOINS CSS ne fonctionne pas en local

Je veux vraiment apprendre un peu MOINS, mais n'ont eu AUCUNE chance de l'obtenir pour fonctionner. Je voudrais le faire fonctionner en local. S'il vous plaît aider.

Je veux juste faire un test simple.
Voici mon MOINS de code:

@color: red;

.header {
    color: @color;
}

h2 {
    color: @color;
}

Et voici mon code HTML:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>LESS TEST</title>
    <link rel="stylesheet/less" type="text/css" href="style.less">
    <script src="less.js" type="text/javascript"></script>
</head>

<body>
    <div class="header"> <h2>This is a test</h2> </div>
</body>
</html>

Afin de l'en-tête de catégorie doivent être de couleur rouge et aussi le H2 doit être rouge. Mais ils ne s'affichent pas avec n'importe quel style sur n'importe quel navigateur.
S'il vous plaît aider!

Êtes-vous sûr que le style.less fichier est dans le même dossier que ta page HTML?
Aussi amusant, utilisez codekit précompiler MOINS pour toi: incident57.com/codekit
Et si vous êtes sur Windows, vous pouvez utiliser la victoire winless.org je serais certainement aller pour la précompilation!
essayez d'utiliser google fichier hébergé. <script src="</script" >lesscss.googlecode.com/files/less-1.3.0.min.js"></...>
Ceci de l'aide. Assurez-vous de lier toutes les feuilles de style avant de lier less.js. Avez-vous vérifié la console JavaScript? Sur Chrome, accédez à la page web et cliquez sur Ctrl + Shift + J

OriginalL'auteur user1898404 | 2013-05-15

  1. 3

    Votre code fonctionne parfaitement, comme le montre cette capture d'écran:

    MOINS CSS ne fonctionne pas en local

    Remarque que j'ai téléchargé une version minifiée de less.js localement avant l'exécution de la présente. Je vous suggère de vérifier:

    1. que vos fichiers sont correctement nommés, et situé: à vérifier pour les erreurs 404 de votre site web console (F12 dans Chrome et Firefox).
    2. que vos fichiers sont en train d'être servi par un serveur web. Moins de fichiers ne sera pas servi si vous essayez d'y accéder grâce à un file:///path/less.js URL -- Chrome me donne une "origine de la croix-demande d'erreur".
    Origine de la croix demandes peuvent être résolus par le biais de l'envoi de contrôle d'Accès des en-têtes. À l'aide d'un CA devrait fonctionner correctement.
    vous avez absolument raison. Mais je pense que l'OP est de servir les fichiers statiques du système de fichiers.
    Ceci de l'aide
    less.js lien introuvable. Veuillez mettre à jour.
    fait, merci pour le heads up.

    OriginalL'auteur Régis B.

  2. 2

    De désactiver le cache en Chrome, a fonctionné dans mon cas.

    MOINS CSS ne fonctionne pas en local

    OriginalL'auteur Geraldo Magalhães

  3. 1

    - Je utiliser La VICTOIRE. C'est gratuit, il est facile à utiliser et très puissant sur les minifying le code.

    • Télécharger, installer et ouvrir la Victoire;
    • Ouvrir le fichier avec le MOINS
      compliler et de garder à l'esprit que chaque fois que vous enregistrez le MOINS de fichiers,
      La victoire sera de compiler dans un fichier CSS;
    • Inclure le fichier CSS que résultat dans votre tête.

    Vous n'avez pas à émuler un serveur Apache pour l'utiliser.

    Bonne chance!

    OriginalL'auteur PAdrian

  4. 0

    Windows server Ajouter un Type Mime Moins ou web.fichier de config, ajoutez la ligne

            <staticContent>
        <mimeMap fileExtension=".less" mimeType="text/css" />
    </staticContent>

       <link type="text/css" rel="stylesheet" href="reset.css" media="all" />
    <link href="http://www.petshop.net.tr/less-ornek/stil.less" type="text/css" rel="stylesheet/less" media="all" />
    <script type="text/javascript" src="less-1.3.0.min.js"></script>

    OriginalL'auteur alpc

  5. 0

    si vous utilisez google chrome, jetez un oeil à ceci:

    less.js ne fonctionne pas sous chrome

    en bref:

    Less.js navigateur de script actuellement ne fonctionne pas si vous utilisez Chrome et
    le chemin d'accès à votre page commence par “file:///” en raison d'un connu Chrome
    question.

    OriginalL'auteur Taitu-lism

  6. -1

    Vous devez utiliser un serveur pour exécuter le code.
    Un moyen simple pour exécuter le code sur MAC est d'utiliser le python serveur

    Effectuer les opérations suivantes ,dans le terminal, recherchez le dossier contenant le code puis tapez python -m SimpleHTTPServer 8000. dans le navigateur, aller sur localhost:8000

    OriginalL'auteur Gaurav_soni