css - 覆盖现有 CSS 表规则的最佳方法是什么？

Question

我们正在使用 joomla 模板，其中创建者在 constant.css 中定义了规则

table   
{
  border-collapse:collapse; 
  border:0px; 
  width:100%;
}

当我需要我自己的带有自定义参数(宽度、边框等)的表格时，噩梦就开始了。如果我使用一般的 html 参数，它们将不起作用，因为 css 规则更重要 (CMIIW)。如果我使用 style= param，我想我无法控制表格如何查找 IE 最多 7 个(含)。

那么是否有解决此问题的通用方法，或者我只需要评论规则(就像我已经做的那样)。

另外，如果我说 joomla 模板的创建者不应该默认定义 width:100% 这样的一般规则，我是对的吗？我的意思是如果他们不想让他们模板的用户提示。

Answer 1

方法一

在您创建的所有表上放置一个类，并创建一个选择器，例如覆盖属性的 table.classname。由于您应该只将表格用于表格数据，因此添加类名很有意义，因为它可以更轻松地将其他样式(颜色、边框)应用到所有表格。

• 要覆盖 border-collapse: collapse，请使用 border-collapse: separate 以及 border-spacing: 4px(或任何值) .这在 IE6 中不起作用，在 IE7 中也可能不起作用。
• 对于表格的边框，只需添加一个 border 规则。如果您想要单个单元格上的边框，请定位 table.classname td 并将 border 规则放在那里。
• 要重置宽度，请使用 width: auto 或输入明确的宽度。

方法二

另一种方法是找到模板中使用的所有表，改为向它们添加一个类，然后更改原始规则以使用该类。然后，任何没有该类的表都将使用默认的表属性。

这可能很难实现，因为 Joomla 模板通常有模块和组件覆盖，这意味着在很多地方会有很多表。祝你好运! :p

你是对的，在通用表格元素上设置这些样式(好吧，至少是 width)对于模板来说不是一个好主意。尽管他们可能正在使用表格进行布局这一事实无论如何都不是一个好兆头。