在页面的一部分上规范化 css
Normalize-css on a portion of a page
我正在开发一个可以通过用户书签访问的js插件。当用户按下书签时,插件会显示一个弹出窗口,其中包含一个表单,允许他键入和保存注释。
我想在不使用 iframe 或影响页面其余部分的情况下将normalize.css
样式表应用于我的插件(这意味着我不能将normalize.css
样式直接嵌入我的插件中)。
任何想法/建议?
虽然您最终可以使用 html5 作用域样式执行此操作,但目前在大多数现代浏览器中都无法做到这一点。
你必须给你的插件元素一个类或id,并在插件的css文件中手动"规范化"这些元素(或通过javascript)。
编辑:
扩展我的回答 re: @Tibos评论:您永远无法绝对确定您的插件 elmenets 不会有不同的样式,但您可以通过用 id 命名您的插件来在您的 css 中提供合理数量的特异性:
#myPlugin .container {
background: #fff;
}
#myPlugin input {
border:0;
}
正如Tibos所提到的,有!important
的核选择,但最好将其保存在极端情况下(例如布局完全破坏)。通常,让用户有机会在必要时覆盖您的样式是一件好事。
相关文章:
- CSS-如何定位内容数据标题
- 窗口大小html css
- 如果文本字段为空,则使用JavaScript应用CSS样式
- 动画.CSS重播
- 有没有一种方法可以防止img get请求使用css或js发生
- CSS表格:从列平移到整个表格宽度
- CKEditor-我在editor.css中的风格是't
- 单击更改图标并通过javascript添加一个css类
- 将CSS应用于printWindow.print();在Javascript中
- 使用CSS或js,使用动态选择器选择任意li的下一个元素
- CSS-若窗口太小,滚动条会出现在“表格”单元格上
- css(或jQuery)悬停时淡入淡出
- 为什么不'在JQuery中找到第二个css选择器的工作
- 为什么 .focus() 不起作用,而 .css(“color”,“red”) 在同一个选择器上起作用
- 如何使用css动画/javascript使具有背景图像的元素出现
- 获取HTML属性中CSS声明的值
- 当我更改Joomla时,它仍然从旧域加载CSS和Javascript
- 如何使用css动画从中心增加边界线
- 谷歌图表-如何更改整个表的css属性
- 在页面的一部分上规范化 css