禁用容器的所有样式

Question

在我的网站上，我有一个CSS文件，用于指示网站的所有样式，＆＃34; styles.css＆＃34;。

但是，我最近安装了一个论坛模块。

此论坛模块有自己的CSS文件，＆＃34; chatter.css＆＃34;，并且它放在我网站的其中一个页面上。

问题是，有很多相互冲突的风格。

整个论坛都包含在一个div中，其ID为＆＃34; chatter＆＃34;。

有什么方法可以告诉dom＆＃34;嘿，只在这个div中应用chatter.css＆＃34;？

Answer 1

您可以将整个css文件放在括号内的#chatter中，但这需要使用预编译器（SASS，Less）。

就像那样......

#chatter { <css file content> }