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