Question

有什么办法可以只在 div元素上应用 bootstrap.css 吗？示例：我的全局类 text-danger 已定义，但对于 #wrapper ，我想应用boostrap.css。所以 .text-danger 现在应该有颜色：＃a94442 ;

<style>
 .text-danger {
   color:blue;
 }
</style>

<div id="wrapper">
  <style scoped>
    @import url("http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css");
  </style>

  <p class="text-danger">Some random text</p>
</div>

<p class="text-danger">Outer text</p>

Answer 1

根据你的评论，因为scoped css只有firefox支持，你可以做的一件事（有点hacky但它可能适合你的需要）是给你的div一个类 - 像bootstrap-styles然后你可以去通过bootstrap css文件并在每个样式之前放置.bootstrap-styles

如果您使用某种类型的css处理器（如less或sass），这将更容易，因为您可以在您的类中包装所有引导样式

除此之外，您可以尝试jQuery解决方案：https://github.com/thingsinjars/jQuery-Scoped-CSS-plugin

Answer 2

对于一个元素，你只想做内联样式（）

对于整个站点中的重复类，您应该将该类样式提取到您自己的自定义CSS / SCSS文件中并包含它。

如何应用范围样式表？

2 个答案: