需要策略让一些页面只使用特定的CSS

时间:2011-10-06 03:45:12

标签: css jquery-ui datepicker

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

我想要做的就是将这个div放入另一个已经拥有大量(可能编写得不好的)CSS的网页中而不改变它的外观。在datepicker的CSS中,我的选择足够具体,不会影响页面的其余部分。但是,我不确定现有的CSS是否足够具体,不会影响我的datepicker。

我可以在我的HTML / CSS中做些什么来确保现有的内容不会触及这个div或其中的任何内容?

2 个答案:

答案 0 :(得分:2)

在开始处理任何网站之前,我通常会重置CSS。

大多数浏览器都有自己独特的元素默认值,但有时它们与您的网站无关。

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

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

在此处阅读:http://yuilibrary.com/yui/docs/cssreset/

答案 1 :(得分:0)

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

2 - 在你的风格中使用'!important'来强制覆盖 - 这不是一个很好的解决方案,但如果没有其他工作可以采取最后的手段