Question

我正在为特定网站编写chrome扩展程序。网站已经获得了自己的CSS。但我的扩展程序会在页面中添加一些内容。我想要一个特定的设计 - bootstrap.css和bootstrap-theme.css - 用于该内容。所以我不能简单地链接我的2 .css文件，因为它们开始影响整个页面。我已经看过<style scoped></style>，但它会影响除我的所有父节点。使用<iframe>是不可能的：我只需要将内容写在一个页面中。那我需要什么？那就是它：

`<body>
 <div>
  <!-- Here Some page code, that I must not affect with css -->
 </div>
 <div class="myclass" id="need_css">
  <!--Here is my HTML-content, which needs bootstrap css-->
 </div>
</body>`

Answer 1

在每个选择器上使用后代组合器编写CSS。

如何在不使用iframe的情况下将css文件链接到页面的特定部分？

1 个答案: