Как создать CSS-файл, добавив родительский и предопределенный селектор ко всем правилам стиля с помощью Less? - PullRequest
Новая
       6

Как создать CSS-файл, добавив родительский и предопределенный селектор ко всем правилам стиля с помощью Less?

0 голосов
/ 08 июня 2018

Я пытаюсь настроить CSS библиотеки для определенных элементов / компонентов.Я смог довольно легко добавить родительский селектор с помощью Less, как это: 

.scopingSelector {
  @import (less) './original.css';
}

Это добавляет мой scopingSelector в качестве родителя ко всем правилам, найденным в исходном файле.Ouput что-то вроде: 

.scopingSelector .original {
  ... css rules
}

Однако я также хочу добавить селектор, который применяет правила области, если мой селектор области видимости и исходный селектор находятся на одном элементе, а не только на дочерних элементах.Желаемый результат будет выглядеть следующим образом: 

.scopingSelector .original,
.scopingSelector.original {
  ... css rules
}

... и вот где я бью стену :) Мне не нужно использовать Меньше для этого, но кажется, что это правильный инструментдля работы.Он должен работать для всех типов правил стилей (т.е. как для классов, так и для элементов) в исходном файле.

Можно ли это легко сделать с помощью Less или другого языка, компилируемого в CSS?

примечание: я нашел этот вопрос несколько лет назад , который поначалу казался многообещающим.Однако предлагаемый ответ (&.originalClass:extend(.scopingSelector .originalClass all) {}) работает только тогда, когда вы знаете, какой селектор вы хотите использовать таким образом.Я хотел бы применить его ко всем правилам из импортированного файла CSS.

: расширение кажется многообещающим, но я какое-то время играл с ним без какой-либо удачи.

Спасибо!

...