html - 以 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 上不起作用，并且垂直对齐仍然在顶部......
谢谢！

Answer 1

...但是vertical-align，不幸的是，它不是适用于input元素的属性。

!important在这种情况下，没有任何区别。
input.test，事实上，已经是压倒一切的*

为什么？它是一个更具体的选择器，CSS 都是关于选择器的特殊性。
即具有最具体选择器的规则获胜。

因此，要影响该input元素的外观，您应该定位td包含它的单元格并设置该 vertical-align值。