gpt4 book ai didi

html - 将外部 css 的范围限制为仅特定元素?

转载 作者:技术小花猫 更新时间:2023-10-29 11:32:34 24 4
gpt4 key购买 nike

我正在创建一个移动模拟器,该模拟器使用 100% javascript、HTML5 和 CSS 在 Web 浏览器中模拟 iPhone(以及后来的其他设备)的外观和功能,并且模拟器功能齐全,仅需客户端代码。

在尝试对要托管在模拟器中的原始应用程序元素本身进行尽可能少的修改来完成此任务时,我正在注入(inject) <script><link>标记到页面的头部,然后将 html 加载到 <div>屏幕。

问题是当我加载一个新的 css 文件时,它(显然)覆盖了我用来设置页面样式的文件,因此一些元素受到影响(例如背景颜色改变)。

我的问题是:有没有办法限制外部 .css 的“范围”?文件仅适用于 <div> 中的对象屏幕?如果不是我将它注入(inject) <head> 会有什么不同吗?的页面,我将其注入(inject) <style> <div> 中的元素屏幕?

最佳答案

更新 不再支持此功能。请寻求其他选择

原帖:

你可能想看看作用域样式;见http://css-tricks.com/saving-the-day-with-scoped-css/ .

基本思想是

<div>
<style scoped>
@import "scoped.css";
</style>
</div>

但是,您在浏览器支持方面处于领先地位。参见 http://caniuse.com/style-scoped .

一种替代方法是使用 iframe。

关于html - 将外部 css 的范围限制为仅特定元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17667874/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com