将外部CSS应用于特定区域

jul*_*lio 7 css twitter-bootstrap

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

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

谢谢

Jos*_*ber 8

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

HTML5引入了新的scoped属性,该属性专门针对您的用例而设计,但尚未被任何一个主要浏览器实现.

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