Html Joomla模块CSS覆盖

我构建了一个Joomla模块，但它只是一个特定计算器的回声。 echo中有一个用于格式化的表。使用Joomla之外的整个脚本，一切看起来都正常。但我意识到Joomla在我的表上强制使用CSS。 我的CSS应该是有效的和加载的。 很简单：

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

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

来自一个名为nature.css的文件，我认为它与*beez_20*模板一起提供。 很烦人的是，只有这个小小的变化破坏了我桌子的整体外观。

---

我无法找到一个解决方案，如何在不更改模板CSS的情况下更改表的样式。（因为它只会对我进行更改，而不会对安装此模块的用户进行更改）。所以我想知道为什么Joomla不使用我的CSS，而是用自己的CSS覆盖它？

这两个选择器完全不同，你用这个

Joomla_表所做的是你针对Joomla所针对的
表和
td
，所以你需要

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

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

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

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

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

注意：
tr
没有边框和填充物，只有
td
有边框和填充物
边框（如果您使用了
边框折叠：collapse；
，则可以使用边框）

哦，上帝，这太明显了，我只是想知道为什么它不起作用，如此尴尬
table.joomla_tables tr, 
table.joomla_tables td {
   /* Styles goes here */
}