За последние 24 часа нас посетили 22385 программистов и 1051 робот. Сейчас ищут 572 программиста ...

Залез в LESS и запутался в трёх соснах

Тема в разделе "HTML и CSS", создана пользователем alexphp, 14 янв 2021.

  1. alexphp

    alexphp Активный пользователь

    С нами с:
    5 дек 2019
    Сообщения:
    98
    Симпатии:
    12
    Начал изучать язык LESS. Ну, так, не глубоко, а чисто, чтобы попробовать, а то вдруг понадобится.
    Создаю два простеньких файла: file1.html и файл styles.less.
    Вот они:

    HTML:
    1. <!DOCTYPE html>
    2.   <head>
    3.     <title>LESS language</title>
    4.     <meta charset = "utf-8">
    5.     <link rel = "stylesheet/less" type = "text/css" href = "styles.less">
    6.     <script src = "less.js" type = "text/javascript"></script>
    7.   </head>
    8.   <body>
    9.     <h2>Начинаем изучать язык LESS</h2>
    10.       <p> Если вы хотите изучить язык LESS, то вы попали по адресу! </p>
    11.   </body>
    12. </html>
    13.  
    Код (CSS):
    1. @color: #00dd00;
    2. h2
    3. {
    4.     text-align: center;
    5.     color: @color;
    6. }
    7. p
    8. {
    9.     color: @color;
    10. }
    Файл less.js взят отсюда:
    https://github.com/less/less.js/tree/master/dist

    И не работает: должен текст выводиться зелёным, а выводит стандартно чёрным при открытии в браузере файла file1.html.
    Что не так?