Реальный Вложенный CSS?(Не селектор)

Question

Я первый раз постер.Вопрос.Как сделать объявление css, которое работает только в пределах одного DIV, но не перезаписывает глобальный css?Я хочу, чтобы jQuery загружал страницу в DIV, однако CSS страницы изменил CSS моего сайта.Я не хочу этогоТакже я не могу просто взять CSS, потому что я хочу, чтобы они выглядели так, как задумано из исходного кода.

По сути, мы собираемся загрузить внешний HTML-код с его CSS-стилем, примененным ТОЛЬКО локально, без изменения стиля в другом месте.Внешний HTML не использует встроенный CSS, так как мы не можем его контролировать.Они применяются к значениям класса или даже ко всем типам элементов.Мы не хотим, чтобы их объявление CSS модифицировало наш собственный существующий CSS вне контейнера DIV.

Возможно ли это вообще?Спасибо?

Answer 1

Если я правильно понимаю ваш вопрос, вы поместите идентификатор в div <div id="mystyle"> content </div>.В вашем CSS вы должны написать #mystyle p { color:red; }.которые не влияют на глобальные абзацы вне div "mystyle".

Answer 2

Полагаю, вы спрашиваете, как применить внешнюю таблицу стилей только к одной div.Нет способа сделать это, используя только CSS.Вы могли бы быть в состоянии эмулировать это с помощью JavaScript, но это займет довольно много работы.Вот краткое описание того, как вы могли бы сделать это:

1. Получите имя файла таблицы стилей из загруженного HTML и затем получите содержимое файла CSS через AJAX.
2. Каким-то образом проанализируйтеCSS и добавьте ваш div ID к каждому правилу CSS, чтобы оно применялось только внутри вашего div.
3. . Вставьте измененную таблицу стилей в виде встроенного текста в загруженный HTML.* Шаги 1 и 3 являются относительно простыми, шаг 2 требует синтаксического анализатора CSS, написанного на JavaScript.(Кажется, есть один доступный здесь , хотя нет документации.)