css - 编辑填充 x-data-item-inner

Question

看一下屏幕截图。

煤炭和丙烷项目位于 Ext.dataview.dataview 中，使用组件进行显示。

煤以蓝色和绿色突出显示。绿色是 < div > 的填充。

我在 css（突出显示的行）中找到了上述 <div> 和应用于元素的 css 类。

我尝试以这种方式覆盖这些类

.x-inner .x-data-item-inner
{
    padding: 1px 10px 1px 10px !important;
};

可悲的是它没有用。我该怎么做？

数据视图代码

Answer 1

你有“;” 在您的代码末尾，就像在您的邮政编码中一样？如果是，您必须将其删除！

再见 ！

.x-inner .x-data-item-inner
{
    padding: 1px 10px 1px 10px;
}

Answer 2

所以，

你能用 !important 测试吗：

.x-inner .x-data-item-inner
{
    padding: 1px 10px 1px 10px !important;
}

再见

Answer 3

发现了问题，有一个非常具体的属性设置为 10px 填充，它覆盖了所有内容，并且由于它是一个自定义属性，所以 sencha 将 !important 覆盖任何其他 !important ，因为它的特殊性。