CSS: Переменные и свойства

@Scriptozaur · Регистрация: 11.10.2015

Студворк — интернет-сервис помощи студентам

Как в переменную задать значение, например, свойства height класса cl_i?
то есть у меня есть .cl_i{height: 20px}
и как мне в переменную @H, чтобы она взяла это самое свойство height из класса cl_i??

@Karssen · 10.12.2015, 20:07

В LESS мы можем использовать примешивания, т.е. включать все свойства одного класса в другой класс, просто включая имя класса как одно из свойств. Например:

CSS
1
2
3
4
5
6
7
8
.gradients {
 background: #eaeaea;
 background: linear-gradient(top, #eaeaea, #cccccc);
 background: -o-linear-gradient(top, #eaeaea, #cccccc);
 background: -ms-linear-gradient(top, #eaeaea, #cccccc);
 background: -moz-linear-gradient(top, #eaeaea, #cccccc);
 background: -webkit-linear-gradient(top, #eaeaea, #cccccc);
}

В приведенном выше фрагменте у нас есть заданный по умолчанию цвет градиента внутри класса .gradients. Затем, если мы захотим добавить градиент, мы просто вставим .gradients таким образом:

CSS
1
2
3
4
5
div {
 .gradients;
 border: 1px solid #555;
 border-radius: 3px;
}

@Scriptozaur · 10.12.2015, 20:44 **[ТС]**

Karssen, не работает

@Karssen · 10.12.2015, 21:17

Scriptozaur, потому что для препроцессоров нужен компилятор из less в css. Почитайте статьи на эту тему.

@Scriptozaur · 12.12.2015, 17:39 **[ТС]**

Karssen, а если я его сразу на сайт заливаю, как мне на сайт установить компилятор?

@Karssen · 12.12.2015, 18:01

http://aschikov.ru/less-css-ru... shhix.html

Новые блоги и статьи Все статьи Все блоги /
Уведомление о неверно выбранном значении справочника Maks 06.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .	Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt 8Observer8 05.04.2026 Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .	AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .	Отображение реквизитов в документе по условию и контроль их заполнения Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .
Фото всей Земли с борта корабля Orion миссии Artemis II kumehtar 04.04.2026 Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .	Вывод диалогового окна перед закрытием, если документ не проведён Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .	Программный контроль заполнения реквизитов табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .	wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/

@Scriptozaur 3 / 3 / 4 Регистрация: 11.10.2015 Сообщений: 156

	CSS: Переменные и свойства 10.12.2015, 19:55. Показов 743. Ответов 5 Метки нет (Все метки) Как в переменную задать значение, например, свойства height класса cl_i? то есть у меня есть .cl_i{height: 20px} и как мне в переменную @H, чтобы она взяла это самое свойство height из класса cl_i?? 0

@Scriptozaur 3 / 3 / 4 Регистрация: 11.10.2015 Сообщений: 156
	10.12.2015, 20:44 [ТС]
	Karssen, не работает 0

@Karssen 152 / 151 / 67 Регистрация: 25.02.2015 Сообщений: 493
	10.12.2015, 21:17
	Scriptozaur, потому что для препроцессоров нужен компилятор из less в css. Почитайте статьи на эту тему. 0

@Scriptozaur 3 / 3 / 4 Регистрация: 11.10.2015 Сообщений: 156
	12.12.2015, 17:39 [ТС]
	Karssen, а если я его сразу на сайт заливаю, как мне на сайт установить компилятор? 0

@Karssen 152 / 151 / 67 Регистрация: 25.02.2015 Сообщений: 493
	12.12.2015, 18:01
	http://aschikov.ru/less-css-ru... shhix.html 0