Widget CSS 受到外部页面 CSS 的干扰
刚刚创建了一个 javascript 小部件，它使用 DOM 在第 3 方网站上注入内容。我在小部件中包含了一个 css 文件。然而，我不断遇到外部页面 css 会干扰小部件 css 的情况，并在我的 css 中未定义的小部件元素中添加一些奇怪的东西，例如背景图像或边框。有什么简单的方法可以解决这个问题吗？我已经添加了
!important
所有 css 规则。谢谢！！
Just created a javascript widget that injects the content on the 3rd party site using DOM. I include a css file with the widget. However, I keep running into instances where the external pages css will interfere with the widget css and add something weird like a background image or border too my widget elements that I don't have defined in my css. Any easy way to go around this? I've already added
!important
to all the css rules. Thanks!!
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
在我看来，毫无疑问，我说在外部 css（而不是小部件 css）中添加了一些可以为所有 div 添加边框或背景的内容。您可能想检查一下。
As in my opinion, I, with no doubt, say that in the external css, not the widget css, have added something that would add the border or background to ALL divs. You might want to check that out.