需要策略让某些页面只使用特定的 CSS答案

【问题标题】：Need strategy to have some of page only use specific CSS需要策略让某些页面只使用特定的 CSS
【发布时间】：2011-12-01 23:28:37
【问题描述】：

所以我有一个 HTML 页面，它有自己的 CSS 文件。它看起来就像我希望它在它自己的 HTML 中只有它自己的 CSS 时的样子。它是一个多列、多行的 jqueryui 日期选择器。 HTML 结构基本上分解为一个 div，其中包含一些内部 div 和表格。大部分 CSS 文档来自 jquery-ui themeroller，但它有特定的调整。大多数选择都是基于类完成的。

我想要做的是把这个 div 放到另一个已经有大量（可能写得不好）CSS的网页中，而不改变它的外观。在日期选择器的 CSS 中，我的选择足够具体，不会影响页面的其余部分。但是，我不确定现有的 CSS 是否足够具体，不会影响我的日期选择器。

我可以在我的 HTML/CSS 中做些什么来确保没有任何现有的东西触及这个 div 或其中的任何东西？

【问题讨论】：

让类名非常非常奇怪。

标签： css jquery-ui datepicker

【解决方案1】：

在我开始在任何网站上工作之前，我通常会重置 CSS。

大多数浏览器都有自己独特的元素默认值，有时它们不能很好地与您的网站配合使用。

但是，您可以尝试覆盖所有这些属性以有效地“重置”CSS。

Yahoo 提供了一个您可以包含的样式表，它甚至还有一个“上下文”版本，我建议您这样做。

在这里阅读：http://yuilibrary.com/yui/docs/cssreset/

【讨论】：

【解决方案2】：

1 - 确保您的日期选择器 css 在页面的其余部分 css 之后加载 - 然后它应该覆盖页面上的任何“坏” css

2 - 在你的样式中使用 '!important' 来强制覆盖 - 这不是一个很好的解决方案，但如果没有其他方法，这是最后的手段

【讨论】：