1

我已经构建了一个 Joomla 模块，但它只是特定计算器的回声。echo 中有一个表格用于格式化。在 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 而不是这个，而是用它自己的覆盖它？

4

1 回答 1

2

两个选择器都是完全不同的，你正在做的joomla_tables是你的目标是tablejoomla 的目标tr，td所以你需要

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

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

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

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

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

注意：tr没有边框和填充，它是td有边框的（如果你有，它可以有边框border-collapse: collapse;）

于 2013-09-12T07:14:19.277 回答