2
<!DOCTYPE html>
<html>
<head>
<title>site</title>
<meta charset="cn-1251" />
<link rel="stylesheet/less" type="text/css" href="styles.less">
<script src="less.js" type="text/javascript"></script>        
</head>
<body >
</body>
</html>

хочу подключить less

@color: #ccc;

body{
background: @color;
}

не могу запустить на google chrome

6
  • habrahabr.ru/post/136525
    – soledar10
    9 апр 2014 в 17:25
  • так я туда заходил! у меня что не так как там не могу понять!!
    – hil400k
    9 апр 2014 в 17:27
  • у меня что не так???? туда я и без Вас заходил перед тем как задать вопрос
    – hil400k
    9 апр 2014 в 17:31
  • если кого интересует, проблема біла в том что встроеній компилятор есть только у firefox
    – hil400k
    9 апр 2014 в 17:39
  • Чтоб все работало в хроме, его нужно запустить с ключом --allow-file-access-from-files В строке объект в свойствах ярлыка хрома. Через пробел. Т.е. должно быть, например, так "C:\Program Files\Google\Chrome\Application\chrome.exe" --allow-file-access-from-files И, соответственно, запускать через этот ярлык.
    – soledar10
    9 апр 2014 в 17:45

2 ответа 2

1

LESS просто так не подключаеться как стандартный CSS

  1. Качаем скрипт - LESSCSS.ORG
  2. Подключаем его к HTML - две строчки кода:

    <link rel="stylesheet/less" type="text/css" href="style.less">
    <script src="less.min.js" type="text/javascript"></script>
    
  3. (можем писать на less, только не в Хром)

    Качаем Winless - WINLESS.ORG

  4. Устанавливаем и конвертируем наш style.less > style.css (В папке проекта должно получиться 2 файла .less и .css)

  5. В код добавляем +1 строчку:

    <link rel="stylesheet" type="text/css" href="style.css">
    
  6. Результат:

    <link rel="stylesheet" type="text/css" href="style.css">
    <link rel="stylesheet/less" type="text/css" href="style.less">
    <script src="less.min.js" type="text/javascript"></script>
    

И работает в Chrome! (если туго объяснил: гуглим, хабрим, тостим и т.д)

2
  • 1
    Если добавлена строчка в пункте 5, то зачем нужны две следующие за ней строчки?
    – andreymal
    7 сен 2017 в 16:26
  • Оу, спасибо не заметил, немного тофтология получаеться. 7 сен 2017 в 18:59
0

Вообще порядок должен быть другой - сначала подключаем скрипт, а потом файл less. По ссылке в комментариях тоже так.

А вообще, попробуйте какой-нибудь компилятор локальный. Типа проги WinLess. Тут вот на обожаемом вебрефе есть о ней статья - https://webref.ru/layout/less/compile/winless

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.