防止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;
}

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

（我正在 Chrome 12 中测试这个）

Answer 1

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

td a {
    vertical-align: middle;
}

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

a {
     vertical-align: middle;
}

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

Answer 2

您遇到的奇怪问题是，根据 Sitepoint，的默认值Vertical-align 是 基线，因此您的规则a {vertical-align: benchmark } 不应该产生任何效果。链接中是否应用了其他 CSS？

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

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