html - 将整个样式表本地化到一个 div？

Question

在我的 laravel 应用程序中，我使用了一个名为“chatter”的论坛包。

这个论坛被注入(inject)到我的主布局中，所以它看起来像这样:

• 导航栏
• 聊天包
• 页脚

它被注入(inject)到一个名为 <div id="chatter"> 的容器中, 其样式可在样式表中找到 chatter.css ，它与我的主工作表分开。

问题是，此工作表中的某些样式与我的导航和页脚冲突。此外，我的主工作表中的一些样式正在影响论坛(尽管影响很小，所以我不介意手动进行更改)。

我无法更改标记，但我可以编辑样式。

那么我怎样才能使 chatter.css 中的所有样式都能找到呢？仅适用于 <div id="chatter"> 内的内容？

Answer 1

像这样在 chatter.css 中的每个样式中添加 #chatter

#chatter table{...}
#chatter tr{...}
#chatter td{...}
etc.

如果样式是在 chatter div 之上的级别，然后像这样添加:

html #chatter{..}
body #chatter div{...}