Angular 2 - библиотека sass для переопределения компонента css (без отключения инкапсуляции)

Question

Я использую ngx-tabset, мне удалось переопределить css, но мне пришлось вручную добавить суффикс класса [_ngcontent- ..], чтобы он работал

поэтому я хотел создать библиотеку sass, которую я мог бы использовать где угодно, но она не использует тот же суффикс, что и экземпляр компонента

мой основной стиль (в файле sassLibrary / tabs.scss)

.tabset-style ul.tabset-header li
{
   ...
}

на html странице, похоже на

.tabset-style[_ngcontent-c13]   ul.tabset-header[_ngcontent-c13] li[_ngcontent-c13] {
   ...
}

но компонент tabs вместо этого использует эту таблицу стилей:

.tabset-style[_ngcontent-c14]   ul.tabset-header[_ngcontent-c14] li[_ngcontent-c14]{
   ...
}

как я могу заставить импорт sass использовать тот же суффикс css, что и компонент, используемый компонентом tabs?

спасибо

Answer 1

Пока что отключение инкапсуляции сделает свое дело

ViewEncapsulation:None

но проблема в том, что каждый раз, когда вы хотите настроить стили, у вас фактически нет другого выбора, кроме как избавиться от инкапсуляции

если кто-нибудь знает лучше ... Я весь слух