Импорт внутри правила CSS для добавления класса на том же уровне узла

Question

У меня есть что-то вроде этого

.my-class {
  @import url("style.less");
}

style.less содержит

.second-class {
  color: red;
}

Я получаю

.my-class .second-class {
  color: red;
}

Я хотел бы

.my-class.second-class {
  color: red;
}

Обратите внимание на пропущенный пробел в селекторе.Поскольку элемент, который я хотел бы стилизовать, соответствует .my-class и .second-class.

Я использую LESS.

Как получить то, что я хочу?

Answer 1

Насколько я знаю, это невозможно в МЕНЬШЕ.Вы должны непосредственно добавить .my-class class в style.less и импортировать этот файл в любое место или создать внешний HTML-элемент с .my-class class