CSS - 样式冲突

Question

在我当前的项目中，我使用供应商 javascript 插件。它有自己的 css。但是当我添加 Foundation 时，它破坏了这个插件的外观。 没有基础：

有基金会：

我该如何解决？我可以忽略插件对象上的样式，而不是它自己的特定样式吗？

更新

我的css声明列表：

<link rel="stylesheet" href="/css/foundation.min.css" />
<link rel="stylesheet" href="/css/custom.css" />
<link rel="stylesheet" href="/css/schedule-style.css" />

插件：http://www.jqueryscript.net/time-clock/Simple-Daily-Schedule-Plugin-with-jQuery-and-jQuery-UI-Schedule.html

Answer 1

您看到的显示问题是由于基金会使用 box-sizing: inherit。

您可以通过在自定义样式表中添加新规则来为 #schedule 覆盖此规则：

#schedule {
    box-sizing: content-box;
}