防止valign ='middle'被样式表声明覆盖？

Question

我有一张这样的表：

<table>
<tr><td valign='middle'><a href='#'>Link</a></td><td><img src='img.png'></td></tr>
</table>

这样的样式表：

a {
  vertical-align: baseline;
}

td a {
  vertical-align: default;
}

我正在尝试将我的链接与veritcally对齐，但由于我的初始vertical-align: baseline声明（我无法更改），valign属性将被忽略。我想在td a选择器下的样式表中修复此问题。我该如何解决这个问题？

（我在Chrome 12中对此进行测试）

Answer 1

删除valign="middle"，然后在样式表中执行：

td a {
    vertical-align: middle;
}

因为您在询问如何“删除”声明。您无法删除它，但可以覆盖它：

a {
     vertical-align: middle;
}

将替换样式表中的先前声明。

Answer 2

您遇到的奇怪问题，according to Sitepoint，vertical-align 的默认值为 baseline，因此您的规则a { vertical-align: baseline }应该是'{}有任何影响。是否有其他CSS应用于链接？

在现代浏览器（如Chrome 12）中，您可以尝试：

td[valign="middle"] {
    vertical-align: middle;
}