Как применить стили к компоненту?

Question

[egyptForce]

есть простой веб-компонент. как я могу снаружи, через css, достучаться до теневого дома? например мне нужно изменить цвет текста у элемента с классом bar

пробую вот так, но никаких изменений:

x-test::shadow .bar {
  color: red
}

пробую в зеленой опере, судя по caniuse должно все поддерживаться. чяднт?

Answer 1

[Виктор Л]

Ну как вариант так

Comments

[egyptForce]

мне нужно снаружи компонента достучаться до его внутренностей. изнутри-то понятное дело работает.

[Виктор Л]

Через x-test::part(some-box) {
color: red
} можно

[egyptForce]

Виктор Л, у меня нет доступа к коду компонента