我知道这不是最佳实践,因为影子域的概念是封装。但是可以从影子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或任何其他方式。 谢谢