Я смотрю на исходный код начальной загрузки LESS, и там есть следующий фрагмент:
.calc-grid-column(@index, @class, @type) when (@type = width) and (@index > 0) {
.col-@{class}-@{index} {
width: percentage((@index / @grid-columns));
}
}
Почему они пишут -@{class}
вместо простого -@class
?
0
Max Koretskyi
14 Авг 2014 в 11:29
4
переменная интерполяция
– Damien_The_Unbeliever
14 Авг 2014 в 11:36
Пожалуйста, добавьте свой комментарий в качестве ответа, чтобы меня приняли
– Bass Jobsen
31 Окт 2014 в 00:56
1 ответ
Лучший ответ
Как уже объяснялось в @Damien_The_Unbeliever, Less позволяет использовать имена селекторов, имена свойств, URL-адреса и операторы @import. (также селекторы атрибутов?).
Фигурные скобки {} используются, чтобы сделать имя переменной понятным. В случае @ab
вы можете читать переменную @a
или @ab
. @{a}b
заставляет использовать переменную @a
и к ней добавляется строка b
.
1
Community
23 Май 2017 в 14:57
Похожие вопросы
Связанные вопросы
Новые вопросы
less
Less - это препроцессор таблиц стилей с открытым исходным кодом, который расширяет CSS динамическим поведением, таким как переменные, миксины, операции и функции. Для команды UNIX используйте [less-unix].