Question

有一个我想删除的CSS属性，但是我不能，因为它是由称为Pelican的后端引擎自动生成的。

.rendered_html ul:not(.list-inline) {
    padding-left: 2em;
}

我想删除此属性，但是我不知道如何。这是屏幕截图

在Chrome开发人员工具中，如果我取消选中该属性，则它可以正常工作，但是如果我将其保留原样，则看起来很糟糕。我不了解的是，两者在chrome开发人员工具中均显示为灰色，但它们似乎对CSS属性有影响。据我了解，如果这些属性显示为灰色，则它们应该不会有任何影响，但在这种情况下，它们会起作用。

我尝试这样做：

.rendered_html ul:not(.list-inline) {
    padding-left: unset !important;
}

但这不是我想要的，因为我想要它，因为我也想添加此属性：

ul.ascii {
    padding: 1rem;
}

通过在.css文件中添加其他CSS代码来取消填充的设置，将阻止我应用padding: 1rem属性。

如何取消.rendered_html ul:not(.list-inline)的css属性？

Answer 1

不理想，但是

.rendered_html ul:not(.list-inline) {
    padding-left: 0 !important;
}

.rendered_html ul.ascii {
    padding: 1rem !important;
}

可能会解决您的问题。

在第二条指令上增加了额外的步骤.rendered_html，使其具有与第一条指令相同的特异性层次，因此不会被忽略。

根据.css的加载顺序，您可能不需要!important，因此也尝试更改它。