我想将一个外部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.