重寫*在CSS樣式

Question

我的CSS樣式表：

* {vertical-align:top;} 
input.test {vertical-align:middle;} 

這是我的HTML代碼的例子：

<input class="test" /><input class="test" /> 

所以我想這個類的測試覆蓋*
我已嘗試：

* {vertical-align:top;} 
input.test {vertical-align:middle!important;} 

但它沒有在Firefox和Ver的工作tical-align依然排在第一位...
謝謝！

Answer 1

...但是vertical-align不幸的是，它不是適用於input元素的屬性。

!important在這種情況下，沒有什麼區別。
input.test，其實已經覆蓋*

爲什麼呢？它是一個更具體的選擇器，和CSS都是關於選擇器的特異性。
即具有最具體選擇器的規則獲勝。

因此，爲了影響該input元件的外觀，就應該將含有它的細胞td並設置該vertical-align值。