Joomla模块CSS覆盖

Question

我已经构建了一个Joomla模块，但它只是一个特定计算器的回声。 回声中有一个表格用于格式化。使用Joomla以外的整个脚本，一切看起来都不错。但我意识到Joomla将CSS强制放在我的桌子上。 我的CSS应该有效并加载。 这很简单：

<table class="joomla_tables"  cellpadding="5" cellspacing="0">
...

.joomla_tables{
border:0;
padding:5px;
}

我已经用Firebug检查了它。但是萤火虫也说我的表继承了它的风格

tr, td {
border: 1px solid #DDDDDD;
}

来自一个名为nature.css的文件，我认为它带有* beez_20 *模板。 令人讨厌的是，只有这一点变化才会破坏我桌子的整体外观。 而且我无法找到如何在不更改模板CSS的情况下更改表格样式的解决方案。 （由于它对我来说只会有变化，但对于安装此模块的用户而言也不会有变化）。所以我想知道为什么Joomla不使用我的CSS而不是这个，用自己的CSS覆盖它？

Answer 1

两个选择器都完全不同，您使用此joomla_tables进行的操作是针对joomla定位table和tr的{​​{1}}所以您需要

td

现在，上面的选择器将选择嵌套在具有类.joomla_tables tr, .joomla_tables td { border: 0; padding: 5px; } 的元素内的所有tr和td。

Joomla定位joomla_tables和tr，您定位td，所以使用您的选择器，它确实摆脱了table，但您仍会看到它， table border有边框，所以只需使用我提供的选择器，它就会完美地定位元素。

为了使其更加严格，您可以使用

td

  

注意：table.joomla_tables tr, table.joomla_tables td { /* Styles goes here */ } 没有边框和填充，它是tr   边框（如果你td可以有边框）