Question

我正在尝试在管理界面中显示网站的内容（预览）。这需要将内容（网站）的整个CSS样式表应用于管理界面中的.preview DIV。 website.css文件并不总是相同，因为它取决于预览哪个网站。

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

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

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

我可以加载website.css，添加额外的类，将其重命名为.less并将其写回文件夹，然后链接.less文件......但对于这么简单的事情来说似乎有点太多了。 ..

Answer 1

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

Less.JS编译CSS并在所有定义前添加.class，这样做。 - mfr刚刚编辑

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

注意“少”＆＃39;在<style type="text/less" >

通过嵌套类将CSS样式表限定为仅一个DIV

1 个答案: