获取<style>标签CSS，使其仅对兄弟姐妹和孩子起作用？

Question

我最近开始更喜欢单个.js文件形式的可恢复UI模块，该模块使用 div.innerText 等操作dom。我正在开发一种“>（我发誓的更好的新版本）的UI框架，并且我打算允许其他开发人员编写自己的模块来扩展我的框架。

为了确保两个开发人员的工作不会互相干扰，我正在使我的模块独立。然后，由于它们是独立的，我可以快速甚至递归地将它们部署到页面上的任何div中；例如调用 uiElement.deploy（element）通过如下代码将以元素为父的 uiElement 设置为可重用：

  uiElement.deploy = function（root）{
 uiElement.div = document.createElement（“ div”）;
 uiElement.div.innerHTML =`
  <样式>
   按钮{
    背景：红色；
   }
  
  嘿！`;
 root.appendChild（uiElement.div）;
}
 

一切正常，但是在样式方面，我对在innerHTML中声明