html - 为可嵌入的网络应用重置 CSS

标签 html css

我有一个可嵌入的网络应用程序,可以包含在任何网站上。我一直在寻找一种合理的方法来实现它,因此只有我包含的 css 适用于我的应用程序。我遇到了 CSS 重置的想法,但它似乎只是将默认的 css 规则添加到 html 标签。是否可以满足我的需求?

最佳答案

试试这个:

  1. 通过最后加载 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/

相关文章:

html - 如何使重复 div#header2 整个长度 div#header1

javascript - 生成轮子- Canvas

html - 如何将3个元素放在父div的一行中?

javascript - 添加div javascript,然后就地编辑jquery

javascript - 在悬停父项上切换可见性子项

html - 背景颜色应用于 HTML/CSS 中的先前元素

javascript - 如何避免刷新页面或更改窗口位置时 $cookies 被删除?

javascript - footable on nested repeater 在文本框中添加逗号

css - 单击模态链接不显示模态

javascript - 嗨,我有 jquery 动态追加标签错误