jQuery - 禁用 :not 选择器 CSS

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 ，因此也尝试更改它。

https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity