javascript - 如何为所有子元素设置填充？

Question

我有以下标记:

<td style="__WHAT?__">
   <div class="generated-framework-class">
      <div class="generated-framework-class">
         <!-- ... -->
      </div>
   </div>
</td>

我应该在样式属性中写入什么来为所有子 div 设置 padding: 0px。我无法将此填充直接设置到那些 div，因为它们是由 UI-framework 生成的。是否可以在没有 JS 的情况下严格执行 css？

Answer 1

您可以做的是将另一个 div 包裹在元素周围。您可以使用 CSS 选择器“元素元素”来定义样式。

.whatever div {
  padding: 0;
  
  width: 40px;
  height: 40px;
  background: purple;
}

.whatever div div {
  padding: 0;
  
  width: 30px;
  height: 30px;
  background: beige;
}

<td>
    <div class="whatever">
       <div class="generated-framework-class">
          <div class="generated-framework-class">
             <!-- ... -->
          </div>
       </div>
    </div>
</td>