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セレクタの下のスタイルシートでこれを修正したいと思います。これをどうすれば解決できますか？

（私はクローム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が適用されていますか？最近のブラウザで

（クローム12のように）、あなたは試みることができる：

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