我有一个可嵌入的网络应用程序,可以包含在任何网站上。我一直在寻找一种合理的方法来实现它,因此只有我包含的 css 适用于我的应用程序。我遇到了 CSS 重置的想法,但它似乎只是将默认的 css 规则添加到 html 标签。是否可以满足我的需求?
最佳答案
试试这个:
- 通过最后加载 CSS 来覆盖样式。通常,为了避免 jQuery UI 被我的样式覆盖,为了安全起见,我最后加载它的 CSS。
2.样式的重要性顺序(据我所知)是这样的:
-browser styles
-stylesheet styles
-inline styles
-!important styles
-user-defined/user-script styles (custom browser fonts and colors).
这就是为什么像 jQuery 这样的库应用内联样式(而不是 addClass 方法)的原因,因为它总是覆盖样式表样式,无论其特殊性如何。但您可以使用 !important
覆盖它们3。 http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/ - 这也是 jQuery UI 样式表具有非常长/特定样式声明的原因。它越具体,就越难覆盖。演示一下,即使红色的定义紧随其后,以下内容也始终为绿色:
关于html - 为可嵌入的网络应用重置 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20474580/