Объединение ::slotted с псевдоэлементами ⇐ Html

[Anonymous]

Я пытаюсь понять, в чем дело с объединением псевдоэлементов с селектором ::slotted, похоже, с некоторыми он работает, но не с другими, и я не могу найти документацию со списком селекторов, с которыми он работает.
Вот демонстрация проблемы: обратите внимание, как некоторые псевдоселекторы действуют, а другие нет

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

class TestElement extends HTMLElement {
constructor() {
super();
this.attachShadow({mode: 'open'});
let template = document.querySelector("template");
this.shadowRoot.append(template.content.cloneNode(true));
}
}

customElements.define("test-element", TestElement);

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

::slotted(*)::first-line { /* doesn't works */
color: red;
}
::slotted(*):first-letter { /* doesn't works */
color: red;
}
::slotted(*) {
max-height: 3em;
overflow: auto;
}
::slotted(*)::-webkit-scrollbar { /* doesn't works */
width: 3px;
}
::slotted(*)::-webkit-scrollbar-track { /* doesn't works */
background-color: red;
}
::slotted(*)::selection { /* doesn't works */
color: red;
}
::slotted(*)::placeholder { /* works */
color: red;
}
::slotted(*)::marker { /* works */
color: red;
}





Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente
doloribus ullam fugit ipsum laborum velit architecto, provident dolore
at, aperiam quaerat officiis aliquid magni sed expedita totam dolor
doloremque odit.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente
doloribus ullam fugit ipsum laborum velit architecto, provident dolore
at, aperiam quaerat officiis aliquid magni sed expedita totam dolor
doloremque odit.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente
doloribus ullam fugit ipsum laborum velit architecto, provident dolore
at, aperiam quaerat officiis aliquid magni sed expedita totam dolor
doloremque odit.







[*]Li

Подробнее здесь: https://stackoverflow.com/questions/681 ... o-elements