作用域通過嵌套類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

回答