Области применения таблицы стилей CSS только для одного DIV с помощью вложенных классов - PullRequest
Новая
       9

Области применения таблицы стилей CSS только для одного DIV с помощью вложенных классов

0 голосов
/ 28 марта 2012

Я пытаюсь отобразить содержимое веб-сайта (предварительный просмотр) в интерфейсе администратора.Для этого требуется, чтобы вся таблица стилей CSS для содержимого (веб-сайта) применялась к .preview DIV в интерфейсе администратора.Файл website.css не всегда одинаков, поскольку зависит от того, какой веб-сайт просматривается предварительно.

Я пытаюсь использовать LESS.JS и Nested Rules, но он не будет работать со встроенными стилями.Я на платформе Windows. 

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

Проблема в том, что LESS.JS не будет работать со встроенными стилями.Я хотел бы сохранить файл website.css без изменений.

Я мог бы загрузить website.css, добавить дополнительный класс, переименовать его в .less, записать обратно в папку и связать .lessфайл ... но это кажется слишком много для чего-то такого простого ...

1 Ответ

0 голосов
/ 13 апреля 2012

Спасибо, в конечном итоге мы использовали LESS.JS, который очень хорошо подходит для этой задачи.Я обернул файл Website.css в .class контейнера DIV.

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" >

...