是否可以排除一个特定 div 容器的所有 css 样式?

2023-11-21

我使用时遇到问题font-face在我的网站上。当我用它自己的样式在 html 文件上测试它时,我可以让它工作,但如果我包含其他样式表则不行。

我尝试过覆盖样式、以不同的顺序放置样式表等等,但没有任何效果。

所以我想知道,是否可以排除所有 CSS 并且仅将一个 css 文件中的 css 用于特定的 div 容器?

(不使用iframe)


不幸的是,不能,不可能从继承的 CSS 中清除或重置特定容器的样式。您必须手动覆盖您想要的每种样式。

您可以做的是为您的类命名空间,您所需要担心的就是您可以在样式表开头使用默认值定义的元素样式。例如,类似:

div,table,span,img,p{
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: normal;
    font-style: normal;
    font-size: 100%;
    line-height: 1;
    font-family: inherit;
    text-align: left;
}

你当然可以添加!重要的到您需要的元素并向列表中添加更多元素。如果您不能信任或不知道将要加载并应用到您的页面的其他样式,我发现最好从一个空白的石板开始。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

是否可以排除一个特定 div 容器的所有 css 样式? 的相关文章

  • 如何设置引导开关的 css 颜色?

    如何在此引导开关中将蓝色更改为另一种颜色 我尝试更改输入元素的颜色和背景颜色 但它没有更改开关颜色 这是 html 和 bootstraplink https getbootstrap com docs 4 2 components for
  • 如何使用 jQuery 在弹出窗口中预览输入类型=“文件”中选定的图像? [复制]

    这个问题在这里已经有答案了 在我的代码中 我允许用户上传图像 现在我想在同一个弹出窗口中将所选图像显示为预览 我怎样才能使用 jQuery 做到这一点 以下是我在弹出窗口中使用的输入类型 HTML 代码
  • 使用 JSON 文件动态更新 HTML 内容?

    我想创建一个 JS 循环 使用 jQuery 来查看 JSON 文件 并根据是否 div ids 与 JSON id 值匹配 这需要易于扩展并且无论有多少人都可以工作 div 添加了盒子 我有一个 HTML 文件 设置如下 div clas
  • 在打印 CSS 上在每个页面周围绘制边框?

    打印时我需要在每个页面周围绘制边框 我最初是使用带有分页符的 div 来完成此操作 例如 media print contentContainer position inline height 98 width 100 top 0px le
  • 动态表中每个按钮的 Jquery-Ui 对话框表单

    我正在生成一个 HTML 表 每行都有一个按钮 必须打开 Jquery ui 对话框表单 The table table class table table reporting table condensed table striped t
  • 光滑的旋转木马不工作

    我一直在尝试简单地实现 Slick Carousel 的工作 我已按照 Git 页面上的说明进行操作 https github com kenwheeler slick https github com kenwheeler slick 这
  • 单击输入字段会触发窗口调整大小

    我有一个带有徽标 菜单和搜索的标题 当我在桌面上时 我会按该顺序显示所有元素 但如果我的窗口宽度小于 980 像素 菜单会隐藏 有一个切换按钮 并且徽标会与nav并附在徽标之后 如果宽度更大 则徽标将再次分离并附加到 DOM 中的旧位置 w
  • 使组合高度等于浏览器窗口的高度

    http featuredfotografer com http featuredfotografer com Codemirror div 与 header div 结合占用的高度超过了浏览器的高度 我怎样才能使它们的总高度达到浏览器窗口
  • 仅水平 CSS 视差效果,层数大于 100vw

    如何用水平引导网站仅 CSS 视差效果 要求 仅 CSS 视差 父层必须具有宽度 高度 100vw 100vh 子层的宽度 高度必须 gt 100vw 100vh child layers must visually align 100 w
  • AngularJS 输入字段未从控制器内的 setTimeout 更新

    我正在使用 AngularJS 支持的页面 并且我需要在只读输入文本字段内显示正在运行的时钟 与data ng model 为了模拟运行的时钟 我使用了 JavaScript 调度程序setTimeout每 1000 毫秒调用一个函数 该函
  • 如何在 div 容器内的元素之间留出空间

    我有一个弹性容器 它将由元素动态填充 容器没有固定宽度 I use max width max content 并且可以包含我想要的任意数量的元素 问题是我需要这些元素之间的间距 但不需要元素和容器之间左侧和右侧的间距 当然我可以用 ele
  • Symfony 2 使用 CSS 设置背景图片

    I want to put a background image for a menu in symfony But I can t figure out how to do it I managed to style a lot of t
  • Google 再营销标签 - iframe 高度问题

    我注意到 Google 的再营销代码会在我的页面底部插入一个 iframe 问题是 iframe 弄乱了我的布局 它的高度为 13 像素 并且在底部留下了空白的白色垂直空间 我尝试用 css 隐藏它 但它在 IE9 中仍然可见 iframe
  • HTML 和 JavaScript - 将滚动操作从一个元素传递到另一个元素

    假设我有两个 div div div div A scrollable list div 我想让它当光标停在里面时 control并且鼠标滚轮滚动 view将会滚动 无论如何要实现这一目标 好的 快速修复对我有用 即使固定 div 不可滚动
  • 如何在 Bootstrap 列中使用文本溢出?

    假设我有一行具有固定高度 并且我在其列中插入了一些文本 如果太长 我希望将其剪掉 并在行尾添加三个点 如下所示 我在用着文本溢出 省略号 我的行中有此属性 但无法使其工作 JsFiddle http jsfiddle net Alexnot
  • iOS Safari Mobile 禁用上一个和下一个选择输入

    上周五我发现了关于此问题的类似问题 但似乎无法再次找到它 如果有人能指出我正确的方向 那就太好了 本质上我在一个页面上有多个选择菜单 第一个在加载时填充 第二个在第一个选择时填充 够简单的 但是 在 iOS 设备中 当您点击选择元素时 它会
  • 让登录更安全

    我已使用此代码进行管理员登录 仅当用户输入正确的用户名和密码时才应打开loginhome php 但后来我意识到这根本不安全 任何人都可以直接访问 mywebsite loginhome php 而无需登录 注销后 可以使用后退按钮打开 l
  • 如何设置旋转元素背面的样式?

    我有一个figure它是可旋转的 通过用户输入任意角度 该旋转明显地使用transition财产 当该元件旋转超过 90 度 90 度时 元件的背面可见 我想对元素的通常隐藏的一面进行与正面不同的设计 但我不确定如何实现这一点 figure
  • 随机定位的 div,不重叠

    所有 div 都像我需要的那样 随机 放置 但它们偶尔会重叠 这只是一个机会问题 我怎样才能防止这种情况发生 理想情况下我能够设置它们之间的最小距离 我可以通过进一步开发当前的 javascript 来实现这一目标吗 我需要考虑完全不同的方
  • CSS:缩放字体大小以适应父块元素的高度

    我发现的几乎每个问题和答案都谈到了视口大小 这确实不是我的问题 拿着这支笔 https codepen io njt1982 pen pZjZNM https codepen io njt1982 pen pZjZNM 我有一个非常基本的

随机推荐

  • jquery推送制作多维数组

    我在没有帮助的情况下查看了其他类似的帖子 它们都是从已经制作的多维数组开始的 我想通过使用 push 神奇地制作一个 我的阵列 ItemsArray push RoomName RoomName Item this is where I w
  • 当数组长度不为空时出现“恐慌:运行时错误:索引超出范围”

    我很难学习如何在 Go 中循环字符串来做一些事情 具体来说 分隔单词而不是包含元音 我写了这个代码片段 https play golang org p zgDtOyq6qf 这是我运行时遇到的错误 panic runtime error i
  • 提高 LIKE 子句的性能

    这几天来 这一直是我头疼的事情 我之前创建数据库时对性能一无所知LIKE 我使用的查询是这样的 SELECT FROM JOINS WHERE tableA col1 LIKE keyword OR tableB col2 LIKE key
  • 隐藏拖动预览 - HTML 拖放

    我的一个网站具有拖放功能 一旦您开始拖动我的可拖动 div 之一 就会出现所拖动元素的透明预览 这实际上妨碍了我的用户准确放置元素的方式 因为他们拖动的内容并不直接反映删除的内容 有没有办法删除或更好地将拖动预览更改为不同的图像 我相信您可
  • 如何避免Python中的L

    gt gt gt sum range 49999951 50000000 2449998775L 有什么办法可以避免数字末尾的 L 吗 您正在查看数字的 Python 文字表示形式 它仅表明它是一个 Pythonlong整数 这个是正常的
  • 使用回收器视图的类似 Google Play 商店的界面

    我的任务是创建一个与 Google Play 商店非常相似的界面 会有一个类别名称 后面跟着 3 或 4 张卡片 水平 然后是 更多 按钮 然后再下一个类别 我已经使用将水平列表视图嵌套在垂直列表视图中来实现这一点 我知道 我可以通过使用具
  • 自动将多个对象映射到一个对象

    我有两个子类 我需要将列表元素复制到主对象中 public Class Foo1 Anote public bool Ison get set public List
  • 在javascript中对json对象进行排序

    例如有这样的代码 var json user1 id 3 user2 id 6 user3 id 1 我怎样才能将这个 json 排序为这样 var json user3 id 1 user1 id 3 user2 id 6 我用 ID 对
  • RabbitMQ虚拟主机启动服务时出错

    我的 RabbitMQ 服务器已经运行了几个月 今天早上我无法连接到它 我的应用程序超时并且管理客户端没有响应 重新启动机器 应用程序仍然超时 我可以登录管理客户端 但看到以下消息 虚拟主机 在节点rabbit MQT01上遇到错误 可能无
  • apache poi:将jtable保存到文件中

    我最近开始使用 java 当我需要从 jTable 开始创建 excel 文件时 我遇到了 apache poi 库的一些问题 我已经阅读了很多线程并提出了一些行不通的代码 即使这是非常简单的东西并且有很多例子 这让我看起来更愚蠢 我希望有
  • 为什么 Python 在使用绝对路径执行时不会退出引发的异常?

    已解决 重新启动机器似乎已解决该问题 如果问题再次出现 我会更新 我遇到一个问题Python2 6引发异常后挂起 特别是当foo py使用绝对路径调用 home user bar foo py 然后我需要ctrl c退出程序 如果从内部调用
  • 在 Spring Security 6 中使用两个或多个 SecurityFilterChains 无法正常工作,仅调用一个链 [重复]

    这个问题在这里已经有答案了 我很难找到我的两个SecurityFilterhain使用 Spring Security 6 相互协作 对于我的端点路径之一 v1 transactions 我希望用户使用 Oauth2 和其他端点路径进行授权
  • 无法加载文件或程序集 Microsoft.ServiceModel.DomainServices.Hosting

    我的本地环境中加载了一个应用程序 这是我继承的代码库 但根本没有让它工作 此时 当我在浏览器中导航到 http test myapp com 75 时 我收到以下错误 描述 处理服务此请求所需的配置文件期间发生错误 请查看下面的具体错误详细
  • 无法使用lombok构建maven jhipster项目

    mvnw 和 mvn clean install 在添加 lombok 依赖项时失败 但从 Intellij IDE 启动时成功运行 找到下面的错误 INFO ERROR COMPILATION ERROR INFO ERROR src m
  • ScalaTest 规范编译错误

    我是 Scala 新手 我正在尝试使用Scala测试 我将其依赖项包含在我的 build sbt 文件中libraryDependencies Seq org scalatest scalatest 2 11 2 1 7 test 并刷新了
  • 调试 .NET 内存泄漏 - 如何知道什么持有对什么的引用?

    我正在开发一个 NET 应用程序 该应用程序似乎存在内存泄漏 我知道教科书上的答案 应该取消订阅事件 应该处理一次性物品等等 我有一个可以重现错误的测试工具 在某个类的终结器中 我写入控制台 public class Foo Ctor pu
  • 安装了 .NET 4.5 的构建服务器能否成功将面向 4.0 的项目部署到仅安装 .NET 4.0 的服务器?

    我们最近将 NET 4 5 安装到我们的持续集成构建服务器上 以便它可以支持利用 NET 4 5 功能的新项目 该构建服务器还用于构建和部署旧项目 其中一些项目针对 NET 4 0 在此服务器上构建面向 NET 4 0 的项目 然后部署到仅
  • App Engine 上的后台任务

    如何在 App Engine 上运行后台任务 您可以使用任务队列Python API
  • 我可以在 Visual Studio 中对文件进行十六进制编辑吗?

    我想编辑二进制文件 但我不想使用 Visual Studio 以外的其他工具 因为来回切换很痛苦 是否有插件或某些内置功能可以在 Visual Studio 中执行此操作 Menu File Open File 选择要打开的文件 在底部的打
  • 是否可以排除一个特定 div 容器的所有 css 样式?

    我使用时遇到问题font face在我的网站上 当我用它自己的样式在 html 文件上测试它时 我可以让它工作 但如果我包含其他样式表则不行 我尝试过覆盖样式 以不同的顺序放置样式表等等 但没有任何效果 所以我想知道 是否可以排除所有 CS