需要策略让某些页面仅使用特定的 CSS
所以我有一个 HTML 页面，它有自己的 CSS 文件。当它位于自己的 HTML 中且仅具有自己的 CSS 时，它看起来与我希望的一模一样。它是一个多列、多行 jqueryui 日期选择器。 HTML 结构基本上分解为一个 div，其中包含一些内部 div 和表格。大多数 CSS 文档来自 jquery-ui themeroller，但它有特定的调整。大多数选择都是根据班级进行的。
我想要做的是将这个 div 放入另一个已经有大量（可能写得不好）CSS 的网页中，而不改变它的外观。在日期选择器的 CSS 中，我的选择足够具体，不会影响页面的其余部分。但是，我不确定现有的 CSS 是否足够具体，不会影响我的日期选择器。
我可以在 HTML/CSS 中做些什么来确保现有的任何内容都不会触及此 div 或其中的任何内容？
So I have a page of HTML that has its own CSS file. It looks exactly like I want it to look when it is in its own HTML with only its own CSS. It's a multi-column, multi-row jqueryui datepicker. The HTML structure basically breaks down to a div with some inner divs and tables within that. Most of the CSS document is from the jquery-ui themeroller and but it has specific tweaks. Most all of the selection is done based on classes.
What I want to do is put this div into another webpage that already has tons of (probably poorly-written) CSS without changing the way it looks. In the CSS for the datepicker, my selections are specific enough not to effect the rest of the page. However, I'm not sure that the existing CSS is specific enough to not effect my datepicker.
What I can do to in my HTML/CSS to ensure that nothing existing touches this div or anything in it?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
在开始制作任何网站之前，我通常会重置 CSS。
大多数浏览器都有自己独特的元素默认值，有时它们不能很好地与您的网站配合使用。
但是，您可以尝试覆盖所有这些属性以有效地“重置”CSS。
雅虎提供了一个您可以包含的样式表，它甚至还有一个“上下文”版本，我向您建议。
在这里阅读：http://yuilibrary.com/yui/docs/cssreset/
Before I begin working on any website, I usually reset the CSS.
Most browsers have their own unique default values for elements and they sometimes don't play well with your website.
You can, however, try and override all of these properties to effectively "reset" the CSS.
Yahoo provides a stylesheet you can include, and it even has a "contextual" version, which I am suggesting to you.
Read about it here: http://yuilibrary.com/yui/docs/cssreset/
1 - 确保您的日期选择器 css 在页面 css 的其余部分之后加载 - 然后它应该覆盖页面上的任何“坏” css
2 - 在样式中使用 '!important' 来强制覆盖 - 这不是一个很好的解决方案，但如果没有其他办法的话，这是最后的手段
1 - make sure that your date picker css loads after the rest of the page css - it should then override any 'bad' css on the page
2 - use '!important' in your styles to force an override - not a great solution, but a last resort if nothing else works