【问题标题】:Overriding * in css style以 css 样式覆盖 *
【发布时间】:2012-12-08 15:43:51
【问题描述】:

我的 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 上不起作用,并且垂直对齐仍然在顶部...
谢谢!

【问题讨论】:

  • 我的 2 美分。 !important 声明前面应该有一个空格。 Input.test 应该足以覆盖第一个声明。也许给我们更多的背景?

标签: html css input vertical-alignment overriding


【解决方案1】:

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

!important 在这种情况下没有任何区别。
input.test 实际上已经覆盖了*

为什么?这是一个更具体的选择器,CSS都是关于选择器的特异性
选择器最具体的规则获胜.

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

【讨论】:

猜你喜欢
  • 2013-10-18
  • 1970-01-01
  • 2021-09-08
  • 1970-01-01
  • 2022-07-02
  • 2023-03-18
  • 2022-01-21
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多