html - 防止 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: baseline 声明(我无法更改)valign 属性被忽略。我想在 td a 选择器下的样式表中修复此问题。我该如何解决这个问题？

(我正在 Chrome 12 中对此进行测试)

Answer 1

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

td a {
    vertical-align: middle;
}

既然你问的是如何“删除”声明。你不能删除它，但你可以覆盖它:

a {
     vertical-align: middle;
}

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