Как стилизовать: корень на основе пользовательского атрибута элемента

Question

Обновление: См .: Как стилизовать: root без! Важно использовать правильную специфичность

Разве это не возможно?

Это правило стиля полностью игнорируется

Answer 1

Вы забыли скобки к :host():

elem.attachShadow({mode: 'open'})
    .innerHTML = `
    <style>
      :host([player="X"]) { 
        display: inline-block;
        background: red;
        padding 1em; 
      }
    </style>
    Hello World`

<game-toes id=elem player="X"></game-toes>