将外部CSS应用于特定区域

我想将一个外部CSS(例如 Bootstrap)导入我的网站 – 问题是我想将Bootstrap样式仅应用于页面的特定区域.当我包含Bootstrap时,它将其样式应用于整个页面,重新定位所有表格,div等.

是否可以仅将Bootstrap应用于某个区域(比如父div或什么?)

谢谢

解决方法

执行此操作的唯一方法是为要使用Bootstrap设置样式的内容设置单独的iframe(除非您要编辑Bootstrap CSS,并将外部div的选择器添加到每个规则的开头).

HTML5引入了new scoped attribute,它是专门为您的用例而设计的,但尚未被任何一个主流浏览器实现.

如果你正在使用jQuery(你可能是,因为Bootstrap的所有Javascript功能都依赖于jQuery),你可能想尝试Simon Madine’s jQuery Scoped CSS plugin.

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效