CSS重置会干扰第三方HTML / CSS组件

Question

我使用Eric Meyer的CSS重置和jqGrid （jQuery Grid插件）。

重置会干扰网格的CSS样式，并且网格看起来是不可接受的。

解决此类问题的常用方法是什么（CSS重置会影响您页面上的第三方组件）？

Answer 1

首先，您应该在使用的第一种CSS样式中包括Eric Meyer的CSS重置。 它旨在减少浏览器在默认行高，页边距和标题字体大小等方面的不一致。 因此，它应该更改浏览器的默认值，但不能更改您使用的CSS的任何显式设置。

在“ Eric Meyer的CSS重置”中，我发现有点怀疑的唯一样式是设置

table { border-collapse: collapse; }

这是唯一看起来与jqGrid CSS相关的CSS样式。 所以我建议您包括其他CSS

.ui-jqgrid table {
    border-collapse: separate;
}

这会改变jqGrid内部的border-collapse 。 该演示使用了样式，结果看起来像在网格中一样，没有“ Eric Meyer的CSS重置”。

Answer 2

您使用重置的原因是什么？ 我永远不会用一个。 如果它影响到您的第三方产品，并且您不能给出使用它的理由，请摆脱它。 无论如何，您可能正在为元素设置值，因此，在此之上覆盖了重置。