无法覆盖'border-collapse'的CSS值,IE7 Developer Tool似乎具有误导性

时间:2012-11-14 17:12:23

标签: css internet-explorer-7

我正在创作的网页上有一个TABLE。 TABLE的border-collapse属性由我导入为'collapse'的第三方CSS文件设置。

当我在IE7中打开页面时,我注意到表格看起来不正确(单元格的边框显示为白线)。

使用IE的开发者工具,我可以启用/禁用CSS的'border-collapse:collapse'属性,包括使用Developer Tool的UI旁边的复选框。

当我取消选中该框时,TABLE再次看起来正确(没有可见的边框)。 所以,我认为如果我在table元素上放置一个内联样式,将属性值设置为'separate'将覆盖CSS文件的值,表格看起来是正确的。

但是,当我将内联样式添加到TABLE时,它不会影响它的外观。在开发人员工具中,我看到现在CSS的'border-collapse:collapse'属性具有'删除线'样式,即:它看起来像是;划掉',但似乎它仍然被应用,因为如果我取消选中/选中它旁边的框,它仍会切换单元格边框的可见性。

我的问题是:内联样式值是否应该覆盖此属性的CSS导入值?为什么CSS中的属性在开发人员工具中显示为划掉但显然未被禁用?还有其他方法可以阻止CSS值应用于此表的border-collapse吗?

谢谢,

注意:我也尝试在'分开'之后添加'!important'

1 个答案:

答案 0 :(得分:0)

是的,内联样式规范将覆盖(具有更高的特异性),而不是来自导入样式表的样式。但这可以被JS应用的风格所覆盖。