当前位置: 首页 > 面试题库 >

将外部CSS的范围限制为仅特定元素?

钱选
2023-03-14
问题内容

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

在尝试通过对原始应用程序项目本身进行少量修改而完成此任务的同时,将其托管在模拟器中,我将<script>and
<link>标记注入页面的顶部,然后将html加载到<div>屏幕中。

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

我的问题是:有什么方法可以限制外部.css文件的“作用域”,使其仅适用于<div>屏幕内的对象?如果不是将其注入到<head>页面的中,而是将其注入到屏幕中的某个<style>元素中,会有所不同<div>吗?


问题答案:

更新 已删除对此功能的支持。请寻求其他选择

原始帖子:

基本思想是

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

但是,就浏览器支持而言,您处于最前沿。

一种替代方法是使用iframe。



 类似资料:
  • 我有一个搜索屏幕,允许用户搜索信息,并填充一个网格。一些搜索结果返回了大量数据。我正在尝试创建一个分页网格,以便一次只能从存储过程中获得10或20个结果。(我在UI中已经有了一个分页网格) 我正在尝试这样做: 上面的查询将只返回前20条记录。我如何在Sybase ASE中实现这一点?不幸的是,对于我的客户项目,我们使用的是Sybase。我知道在其他数据库引擎中,我们可以使用我上面提到的查询。我也知

  • 问题内容: 我想将可以存储在字段中的数据类型值限制为整数值的特定范围:[0,10]。 在PHP脚本中的用户输入上,我验证并清除了数据以确保其在0到10的范围内。但是,是否有办法通过某种数据类型或约束来确保在表决表本身中保持这种情况呢? 目前,我将int值存储在UNSIGNED TINYINT内,该范围当然是0-255。我知道ENUM是一种选择。但是,我读到使用数字时不建议这样做:http : //

  • 问题内容: 上面的查询将返回前10个等级。 如何修改,或者是否存在另一种语法来查询第10位到第20位? 问题答案: 这真的是基本的东西。您应该使用: http://dev.mysql.com/doc/refman/5.5/en/select.html 两个参数10,10是(Offset,Limit),因此它将检索第11-20行。 9,11将需要获得第10-20名。

  • 我想知道是否有一个java函数可以检查索引0-5中的值?例如在不使用循环的情况下,有一个函数将子数组1[0-5]中的元素标识为{1,2,3,4,5}

  • 我试图将对Swagger用户界面(UI)的访问限制为特定角色(例如,Swagger API用户、系统管理员用户等) 我在这个SO问题中尝试了答案--限制对Swagger UI的访问 我想我在等401的未经授权的回复。我对昂首阔步是完全陌生的,所以任何建议都很感激!