Стилизовать веб-компонент внутри теневого домена в зависимости от его родителя ⇐ CSS

[Anonymous]

Я работаю над компонентом для загрузки файлов. Я сделал два веб-компонента (wc):

• Код: Выделить всё

  wc-uploader

  родительский элемент с кнопкой выбора файлов.

• Код: Выделить всё

  wc-upload

  добавляются дочерние элементы, которые добавляются в wc-uploader как файл.

Если родительский (

Код: Выделить всё

wc-uploader

) имеет атрибут readonly или Disable, я хочу стилизовать элементы wc-upload по-другому.
Я думаю, что стиль должен быть внутри компонента wc-upload, поскольку он относится к нему.
Это селектор, который я пробовал в шаблоне wc-upload, но он не работает. Думаю, он не видит дальше своего теневого корня.

Код: Выделить всё

wc-uploader[readonly] :host #close {  /* here host = wc-uploader */
opacity: 0.5;
}

Как можно стилизовать этот элемент в зависимости от его родителя.
Например. например, если выбранный элемент отключен, его дочерние элементы тоже отключены.


Подробнее здесь: https://stackoverflow.com/questions/695 ... its-parent