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

Question

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

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

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

score 4 · Accepted Answer

首先，您应该在您使用的第一个 CSS 样式中包含 Eric Meyer 的 CSS 重置。它旨在减少浏览器在默认行高、页边距和标题字体大小等方面的不一致。所以它应该改变浏览器的默认设置，而不是你使用的 CSS 的任何显式设置。

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

table { border-collapse: collapse; }

它是唯一一种似乎与 jqGrid CSS 相关的 CSS 样式。所以我建议你包括额外的 CSS

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

它border-collapse在 jqGrid 内部发生了变化。该演示使用该样式，结果看起来与没有“Eric Meyer's CSS reset”的网格中的结果相同。

score 0 · Accepted Answer

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

2 回答 2