Меньше проблем с импортом CSS - PullRequest
Новая
       0

Меньше проблем с импортом CSS

3 голосов
/ 24 мая 2011

Я имею дело с Меньше CSS. Все шло хорошо, но сейчас у меня небольшая ошибка. У меня на два файла меньше. Первый называется "colors.less", где я объявил цвета, а второй - структуру css.

Это примерно так:

color.less 

@black: #000;

styles.less 

@import "color";

body {
    background: @black;
}

В моей голове тег, я пишу это: 

<link rel="stylesheet/less" type="text/css" href="less/styles.less"/>

И, конечно же, импорт less js.

Что происходит, когда я меняю черный цвет на Белый (#fff), он не меняется на белый. Кадры черного цвета. Когда я изменяю логику, импортирую стили внутри цвета, он меняется, но мои стили не меняются.

Что я делаю не так?

Спасибо, ребята!

Ответы [ 5 ]

5 голосов
/ 26 мая 2011

Использование 

@import "color.less";

Это пробное решение вашей проблемы.Если это не решает проблему, попробуйте использовать красный цвет в вашем color.less, потому что если в браузере по умолчанию используется черный цвет, вы не увидите, не загружен ли стиль.

PS: проверьте файлтакие имена, как color.less или colorS.less.

2 голосов
/ 27 августа 2012

LESS использует синтаксис css, поэтому вам нужно расширение файла: 

@import "color.less";

http://www.w3.org/TR/css3-syntax/

0 голосов
/ 02 мая 2012

Какой бы файл вы ни импортировали, он должен иметь расширение .css.Только содержащий или извлекающий файл может иметь расширение .less.

В вашем примере файл цвета должен иметь расширение .css вместо .less.Это должно исправить вас.

** Обновление работало в Chrome, а не в Firefox ??Weird.

0 голосов
/ 24 мая 2011

Я не знаю, что может быть причиной этого, но попробуйте ссылаться на оба файла в теге yout <head> следующим образом: 

<link rel="stylesheet/less" type="text/css" href="less/styles.less"/>
<link rel="stylesheet/less" type="text/css" href="less/color.less"/>

А затем также измените свой style.less, чтобы он не импортировался color.less поскольку вы уже делаете это в своем <head> -тэге.

Кстати: я бы не назвал цвет @black, это может привести к путанице при изменении цвета позже, попробуйтевместо этого используйте более описательные имена, такие как @mainBackgoundColor, чтобы получить код, который также хорошо читается.

0 голосов
/ 24 мая 2011

Не могли бы вы иметь color в основной stylesheet и не ссылаться на второй sheet?

Тогда вы можете пропустить @import.

Кроме того, я бы выбрал другое имя для стиля rule. Если вы решите изменить цвет, название вашего правила не будет иметь смысла.

...