将 CSS 应用到页面的特定部分

Question

我需要将预先存在的样式表仅应用于特定 div 中的元素，这可能吗？

冗长的原因：我们有一个带有 css 文件的页面片段。我们现在想要将此页面片段包含在另一个页面中。这样做很简单，但是它的 css 和新页面的 css 冲突。大量编辑任一样式表都会很困难，因为两者都很大并且需要保持与以前的兼容性。这让我想到了上面的问题。

Answer 1

你知道http://lesscss.org/吗？
它支持嵌套规则。
您可以将整个新 css 嵌套在新规则中（来自 div 的类），如下所示：

div#the-new-div{
   div{

   }
   /*** your entire css ***/
}

less 会将其编译为div#the-new-div div{...}
我知道您可能不想在您的网站中实现 less 但有像这样的独立 less 编译器： http: //digitalpbk.com/less-css/less-css-compiler-windows-lesscexe。然后插入编译好的css

Answer 2

在页面上放置一个 IFRAME 并将片段加载到其中。

<iframe id="section" src="fragment.html"></iframe>