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

Scoping a CSS stylesheet to only one DIV via Nested Classes

本文关键字：DIV 一个 范围 嵌套 CSS 样式      更新时间：2023-09-26

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

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

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

问题是LESS.JS不会对内联样式执行操作。我想保持网站.css文件的完整性。

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

谢谢，最后使用了非常适合此任务的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>

注意<style type="text/less" > 中的"less"

相关文章：