Я создаю мобильный симулятор, который высмеивает внешний вид и функциональность iPhone (и других устройств позже) в веб-браузере, используя 100% javascript, HTML5 и CSS, при этом симулятор полностью функциональен только с клиентским кодом.
При попытке выполнить эту задачу с минимальными изменениями, необходимыми для первоначальных проектов приложений, которые будут размещены в симуляторе, я вставляю теги <script>
и <link>
в начало страницы, а затем загружаю html в экран <div>
.
Проблема заключается в том, что когда я загружаюсь в новый файл css, он (очевидно) переопределяет ту, которую я использую для стилизации страницы, и для этого затрагиваются некоторые элементы (например, цвет фона меняется).
Мой вопрос: есть ли способ ограничить "область" внешнего файла .css
, применимого только к объектам на экране <div>
? Не имеет значения, если вместо того, чтобы я вставлял его в <head>
страницы, я вставляю его в элемент <style>
на экране <div>
?