Javascript 通过嵌套类将CSS样式表的作用域仅限于一个DIV
我试图在管理界面中显示网站的内容（预览）。Thet要求将内容（网站）的整个CSS样式表应用于管理界面中的.preview DIV。css文件并不总是相同的，因为它取决于预览哪个网站 我正在尝试使用较少的.JS和嵌套规则，但它不能用于内联样式。我在windows平台上Javascript 通过嵌套类将CSS样式表的作用域仅限于一个DIV,javascript,css,nested,less,Javascript,Css,Nested,Less,我试图在管理界面中显示网站的内容（预览）。Thet要求将内容（网站）的整个CSS样式表应用于管理界面中的.preview DIV。css文件并不总是相同的，因为它取决于预览哪个网站 我正在尝试使用较少的.JS和嵌套规则，但它不能用于内联样式。我在windows平台上 <style> .preview { <- Dynamically loading Website.css file content here -> } </style> .预览{ }
<style>
.preview {
<- Dynamically loading Website.css file content here ->
}
</style>
.预览{
}
我可以加载website.css，添加额外的类，将其重命名为.less并将其写回文件夹，然后链接.less文件。。。但是对于这么简单的东西来说似乎有点太多了…谢谢，最后使用了较少的.JS，它非常适合这个任务。我将Website.css文件包装在container DIV的.class中 Less.JS编译CSS，并在所有定义前面添加.class，这就完成了制造商刚刚编辑
@*LESS.JS CSS*@
<style type="text/less" >
.preview
{
@File.ReadAllText(Server.MapPath(DesignHelper.GetTemplateFileName("Website.css")))
}
</style>
@*LESS.JS CSS*@
预览
{
@File.ReadAllText（Server.MapPath（DesignHelper.GetTemplateFileName（“Website.css”））
}
请注意