Question

我正在Bootstrap中为Joomla构建一个模块。它有自己的样式表，但是激活的模板（我在其中测试它）也使用Bootstrap和类，它为我的模块添加了一些CSS（表格，按钮等）。

我希望我的模块在Joomla的所有不同模板中看起来都一样。有没有办法为我的模块禁用模板的CSS，所以它在每个模板上看起来都一样？或者我必须在CSS中声明每一行（重要的是，因为我觉得这很重要吗？）

Answer 1

CSS在HTML文档中呈现，因此您不能只是＆＃34;禁用＆＃34;它位于页面的一部分（这是您的模块）。

一种可能的方法是将模块呈现在<iframe>内，这样它就会成为主HTML文档的单独文档。但是我不确定这是不是很好/推荐，所以我宁愿重写我的CSS规则，所以它们都是从我的模块中继承的。

例如：如果您的模块是＆＃34; Fancy Contact Module＆＃34;，您可以使用div之类的包装<div class="fancy-contact-module">并编写所有CSS规则，如：

.fancy-contact-module p {
    color: green;
}
.fancy-contact-module a {
    text-decoration: none;
}

等等。

您还可以使用包装器div来应用重置CSS或规范化CSS（或任何其他类似工具），因此您不需要手动覆盖所有CSS规则。您可以在此处查看有关重置和规范化的更多信息：What is the difference between Normalize.css and Reset CSS?