可以从影子dom设置主要dom元素的样式吗?

时间:2019-04-26 13:10:49

标签: html css shadow-dom

我知道这不是最佳实践,因为影子域的概念是封装。但是可以从影子dom内部的样式来设置主要Dom元素的样式。

<html>
  <div class="to-change-css">
    Some thing here
  </div>
  <div>
    <div id="shadow_host">
      #shadow-root(open)
      <style>:host-context(.to-change-css){color:red;}</style>
    <div>some random things</div>
    </div>
  </div>
</html>

在此示例中,我想从影子DOM CSS内部更改to-change-css类的css。是否可以使用:host-context或任何其他方式。 谢谢

0 个答案:

没有答案