是否可以删除从另一个 css 文件继承的 css

Question

我正在尝试将两个第三方工具 QlickView 和 Telerik Kendo 结合在一起，为报告创建一个扩展，但我似乎在 CSS 上有点冲突。我可以让 Kendo 控件在 QlickView 中正常工作，但是 Kendo 按钮没有正确对齐。

在检查器中查看 chrome 时，如果我关闭填充 CSS 元素，控件工作正常。我无法编辑任一工具的 CSS。是否可以在我自己的 CSS 文件中设置一些内容来更正冲突 css?

取消填充设置的未选中按钮。

[更新]

按照 CSSBurner 的建议，我再次查看了应用于按钮的 CSS，我可以看到这个。

我认为这个问题是未设置现在正在覆盖所需的设置。最好只在更具体的 .QvFrame .k-button 上设置填充以模仿 k-button

[更新 2]

这是我目前拥有的，如果我使用未设置它也会覆盖 .k-button。目前我刚刚应用了如下填充，它看起来是正确的。

.QvFrame .k-button {
padding: 4px 8px;
}

Answer 1

您需要：

1. 在您控制的样式表中添加具有更高 specificity 的规则
2. 用你自己的规则覆盖规则

在这种情况下，方法 #2 IMO 是更好的选择，因为它可能无法使上面列出的选择器更具体。这应该有效：

/* Your stylesheet */
.QvFrame button {
    padding: unset!important
}

使用 unset 关键字会将填充重置为其初始默认值。有关详细信息，请参阅 https://drafts.csswg.org/css-cascade/#valdef-all-unset。