использование глубокого селектора с меньшим количеством css

#vue.js #less #vue-component #webpack-style-loader

#vue.js #Меньше #vue-компонент #загрузчик в стиле webpack

Вопрос:

Я использую меньше css в своих компонентах vue. Некоторые из моих компонентов требуют использования глубокого селектора ‘>>>’ для элементов, которые я добавляю программно. Однако при этом я получаю ошибку «Нераспознанный ввод».

Я хочу использовать меньше синтаксиса для импорта переменных для цветов, размера шрифта и т.д. сохранить эти основные переменные в одном файле и использовать их во всех моих компонентах.

Есть ли обходной путь для этого?

Спасибо

Комментарии:

1. >>> — строго говоря, это не CSS. Для получения более подробной информации см. github.com/less/less.js/issues/2623 .

2. Спасибо. Это решило проблему.

Ответ №1:

Как описано здесь в документах Vue Loader docs, если ваш препроцессор не позволяет, >>> вы можете использовать ::v-deep , который должен быть проигнорирован препроцессором, поскольку это синтаксически допустимый CSS.