如何覆盖子元素的样式设置？

我正在使用JavaScript网格插件（jqWidget的网格）。它允许我在定义单元格列时将自定义样式应用于单元格：

{ "text": i, "width": 1, "cellclassname": "custom-column" }

这对我很有用，因为我正在尝试将列的宽度减小到恰好为1em。

.custom-column {
     width: 1em;
}

不幸的是，它们DIV在每个单元格中都包含一个没有ID或类的附加项：

<div role="gridcell" style="left: 725px; z-index: 1171; width:25px;" class="jqx-grid-cell jqx-item custom-column">
   <div style="overflow: hidden; text-overflow: ellipsis; padding-bottom: 2px; text-align: left; margin-right: 2px; margin-left: 4px; margin-top: 4px;">M</div>
</div>

在上面的HTML中，您可以看到我的自定义类，custom-column但是插入的子项DIV包含padding和margins，我认为这会通过使它大于1em（看起来更接近3em）来影响网格单元。

我可以在custom-column课堂上添加任何内容来替代或抵消孩子中的填充和边距设置吗？

更新：更改后的更多信息

根据评论和第一个答案，我将自定义类更改为如下形式：

.custom-column > div {
   width: 1em;
   margin: 0;
   padding: 0;
}

据我所知，这没有什么区别。我随附了Chrome调试工具的屏幕截图，希望该屏幕截图能够提供足够的信息以帮助您。