以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上没有用，而vertical-align仍然位于顶部...... 感谢的！

Answer 1

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

在这种情况下，

!important没有任何区别 事实上，input.test已经覆盖了*

为什么？它是更具体的选择器，而 CSS则与选择器的特异性有关。
即具有最具体选择器的规则，胜出。

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