我正在创建一个移动模拟器,该模拟器使用100%javascript,HTML5和CSS在Web浏览器中模拟iPhone(以及以后的其他设备)的外观和功能,并且该模拟器仅使用客户端代码即可完全起作用。
尝试通过对原始应用程序项目本身进行必要的少量修改来完成此任务,以将其托管在模拟器中时,我将<script>
and <link>
标记注入页面的顶部,然后将html加载到<div>
屏幕中。
问题是,当我加载一个新的CSS文件时,它(显然)会覆盖我用来设置页面样式的文件,因此某些元素会受到影响(例如背景会更改颜色)。
我的问题是:有什么方法可以限制外部.css
文件的“作用域”,使其仅适用于<div>
屏幕内的对象?如果不是将其注入到<head>
页面的中,而是将其注入到屏幕上的某个<style>
元素中,会有所不同<div>
吗?