jquery - 如何创建一个不打扰 css 选择器的动态 html 包装器元素

Question

有没有办法为 js 创建一个特定的 html 包装器元素，谁不打扰 css？

所以我仍然可以使用 > 符号作为选择器，就像示例一样。

示例:

.container > .row {  
  margin:10px;
}

<div class="container">
  <div id="divWrapper123">
    <div class="row">
    </div>
  </div>
</div>

Answer 1

不，> 在 css 中总是意味着直接子级。你可以改为使用 jquery 来应用样式，或者你可以给该行另一个类并使用它来设置样式:

<div class="container">
  <div id="divWrapper123">
    <div class="row m10">
    </div>
  </div>
</div>


.container .m10{  
  margin:10px;
}