以 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 单元格并设置 that vertical-align 值。