为什么从div扩展的自定义元素在样式方面不如div

Question

我通过像这样扩展div创建自定义html元素

class CustomDiv extends HTMLElement {
    constructor() {
    super();
    }
}

customElements.define('custom-div', CustomDiv, { extends: 'div' });

并且我在html中使用它

<custom-div>

  <ul>
  <li>one</li>
  <li>two</li>
  </ul>

</custom-div>

当我尝试使用CSS将样式应用于此custom-div时>

custom-div {
  background-color: red;
}
但是它不起作用，我的代码怎么了？这是js fiddle

我通过像这样的类扩展div来创建自定义html元素。CustomDiv扩展了HTMLElement {Constructor（）{super（）; }} customElements.define（'custom-div'，CustomDiv，{...

Answer 1

你是对的！