覆盖的内联样式仍然适用答案

【问题标题】：overwritten inline styling still applies覆盖的内联样式仍然适用
【发布时间】：2021-05-20 07:22:18
【问题描述】：

我正在使用 zoom SDK 在网站上实施缩放会议。实现时，它覆盖了我的一些样式，当我查看控制台时，它显示 zoom SDK set min-width:1100px;我试图通过使用 !important 和内联样式来覆盖它。在控制台中，它显示 min-width:110px;被我的内联样式覆盖，但它仍然适用于页面。我怎样才能覆盖它？

【问题讨论】：

您应该提供更多信息或示例，因为您始终可以使用 !important 与父母一起管理 css 优先级或最坏的情况
code element { min-width: 5px !important; } 身体 { 溢出：隐藏的汽车；边距：0px；填充：0px； } html, 身体 { 高度: 100%;宽度：100%；最小高度：643px；最小宽度：1100px；溢出：隐藏；字体大小：16px；填充：0；边距：0； font-family: "Open Sans";颜色：#4a4a4a； code 这就是我说的代码，在控制台中，min-width 显示交叉，但是当我对其进行切换时，它仍然会影响网站。

标签： css reactjs zoom-sdk

【解决方案1】：

我认为您在样式下放置了包含 sdk 的代码。如果是这样：

--style include
--sdk include

应该是

--skd include
--style include

如果代码相同，底部的一个总是会覆盖上面的一个。

【讨论】：

我的网站是用 react 写的，我所有的样式都来自 styled-components。

【解决方案2】：

html,body{
min-width:5px !important;
}

解决了这个问题，感谢大家的宝贵时间，我会在发布问题之前更加专心:)

【讨论】：