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

How to link css file to specific section of page without using iframe?

本文关键字：链接 文件 定部 css 情况下 iframe      更新时间：2023-09-26

我正在为特定网站编写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>`

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

相关文章：