自定义CSS规则未应用

Question

对于我的项目，我使用来自devextreme的一些外部CSS。现在，我想重写一些规则。为此，我检查了外部CSS，并找到要覆盖的类。我这样使用css文件：

    <link href="~/css/devextreme/dx.greenmist.css" rel="stylesheet" />
<link href="~/css/customized.css" rel="stylesheet" />

在customized.css中，我更改了一个属性：

.dx-treeview-toggle-item-visibility {
    font: 14px/1 DXIcons;
    font-size: 22px;
    text-align: center;
    line-height: 22px;
    color: #333;
    width: 21px;
    height: 32px;
    top: 0;
    right: 0px; /*new property instead of left: -4px*/
}

如果我运行该应用程序，我会看到最上面的规则是该自定义规则，但是也有原始规则，并且我的自定义规则也未应用（参见图片）：

为什么我的自定义CSS规则不适用？

Answer 1

left和right是两个不同的属性。尝试添加：

left: auto;

更改为您的自定义样式。