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;
}

从我认为带有* beez_20 *模板的文件nature.css中提取。 很烦人的是，只有这一小小的改动会破坏我桌子的整体外观。 而且，在不更改模板的CSS的情况下，我无法找到一种解决方案来更改表的样式。 （由于它只会对我有更改，但对于安装此模块的这些用户也不会有所更改）。 所以我想知道为什么Joomla不使用我的CSS，而是用它自己的CSS替代它？

Answer 1

两个选择器完全不同，使用此joomla_tables是将joomla定位到tr和td的table目标，因此您需要

.joomla_tables tr, 
.joomla_tables td {
   border: 0;
   padding: 5px;
}

现在，上面的选择器将选择所有嵌套在具有类joomla_tables元素内的tr和td 。

Joomla的目标是tr和td ，您的目标是table ，因此使用选择器，它确实摆脱了table border但是您仍然会看到它，因为td带有边框，所以只需使用我提供的选择器，它将选择元素完美。

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

table.joomla_tables tr, 
table.joomla_tables td {
   /* Styles goes here */
}

注意： tr没有边框和内边距，这是td带有边框（如果您有border-collapse: collapse; crash;，则可以有边框）