Я пытаюсь использовать амперсанд принести родительских селекторов в переменную, содержащую псевдо-селекторов класса:Можно ли ссылаться на родительский селектор в переменной LESS?
.my-selector,
.my-other-selector {
@{pseudo-states} {
// rules
}
}
Последующие попытки все произведенные дословное содержание переменной в созданном CSS:
@pseudo-states: &:hover, &:focus, &:active, &.active;
@pseudo-states: ~"&:hover, &:focus, &:active, &.active";
@pseudo-states: ~"\&:hover, \&:focus, \&:active, \&.active;
Любой способ добиться этого?
Кажется, что LESS просто не обрабатывает содержимое переменных, поэтому этот вопрос может прийти к тому, есть ли способ изменить это.
Нет, ни амперсанд, ни запятая имеет специальное значение в интерполированном переменном. Возможные обходные пути см., Например, http://stackoverflow.com/questions/23935102. –
@ShawnErquhart Да, щедрость, вероятно, привлечет больше внимания, и, возможно, вы получите ответ. В то же время, посмотрите, поможет ли этот [образец] (http://codepen.io/anon/pen/KwGzpP) любой бит. Я не добавляю это как ответ, потому что он не соответствует вашим требованиям 100%, но сделаю это, если вы пожелаете. – Harry
Спасибо за живой пример - это действительно работает, но он по-прежнему ненормативный. На самом деле надеемся использовать простую встроенную замену для селекторов. –