如何仅将库引用到HTML的特定部分？_Html_Css

如何仅将库引用到HTML的特定部分？

html css

如何仅将库引用到HTML的特定部分？,html,css,Html,Css,我有以下代码，这是我从一个教程中找到的 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer- reset/2.0/reset.min.css"> 我只想把它包含在我代码的特定部分，而不是整个HTML文件中，这可能吗现在它位于我的代码顶部，它会影响整个页面，而我希望它只影响div中的一些内容。将它放在div中似乎并不重要。使用导入并将其作为范围样式应用，而不是链接样式表： &l

我有以下代码，这是我从一个教程中找到的

 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer- 
 reset/2.0/reset.min.css">

我只想把它包含在我代码的特定部分，而不是整个HTML文件中，这可能吗

现在它位于我的代码顶部，它会影响整个页面，而我希望它只影响div中的一些内容。将它放在div中似乎并不重要。

使用导入并将其作为范围样式应用，而不是链接样式表：

<div>
    <style scoped>
        @import "https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css";
    </style>
</div>

iframe的来源（subPage.html）：


这里有样式化的内容。

最后，如果您有动态内容且无法确定iframe的高度，请参考

而不是链接样式表，使用导入并将其作为范围样式应用：

<div>
    <style scoped>
        @import "https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css";
    </style>
</div>

iframe的来源（subPage.html）：


这里有样式化的内容。

最后，如果您有动态内容，并且无法确定iframe的高度，请参考

作为一种黑客解决方案，将iframe用于页面的该部分！为什么不手动重置所需的元素？例如，将边距0和填充0应用于这些特定元素。作为一种黑客解决方案，请在页面的该部分使用iFrame！为什么不手动重置所需的元素？例如，将边距0和填充0应用于这些特定元素。您能提供一个在本案例中使用iFrame的示例吗？您能提供一个在本案例中使用iFrame的示例吗？

<html>
    <head>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">
    </head>

    <body>
       Styled content goes here.
    </body>
</html>