作用域通过嵌套类CSS样式表只有一个DIV

我想显示的管理界面内的网站的内容（预览）。 Thet要求内容（网站）的整个CSS样式表应用于管理界面中的.preview DIV。 website.css文件并不总是相同，因为它取决于正在预览哪个网站。作用域通过嵌套类CSS样式表只有一个DIV

我试图使用LESS.JS和嵌套规则，但它不适用于内联样式。我在一个Windows平台上。

<style> 
.preview { 
    <- Dynamically loading Website.css file content here -> 
} 
</style>

问题是LESS.JS不会对嵌入式样式起作用。我想保持website.css文件不变。

我可以加载website.css，添加额外的类，将其重命名为.less并将其写回到文件夹中，并链接.less文件......但它对于如此简单的事情似乎有点过分...

2012-03-27 mfr

你不能真正范围CSS编辑

@*LESS.JS CSS*@ <style type="text/less" > .preview { @File.ReadAllText(Server.MapPath(DesignHelper.GetTemplateFileName("Website.css"))) } </style>

注意 '少'。它适用于特定性，而不是DOM范围。 – 2012-03-27 21:58:22

你不只是主持图像预览？（像谷歌） – 2012-03-27 21:58:39

谢谢，结束了使用LESS.JS这非常适合这项任务。我将Website.css文件包装在容器DIV的.class中。

Less.JS编译CSS并在所有定义之前添加.class，这是个诀窍。 - MFR刚才在<style type="text/less" >

2012-04-13 15:51:19 mfr

回答