这个 CSS 有什么作用？答案

【问题标题】：What does this CSS do?这个 CSS 有什么作用？
【发布时间】：2011-02-27 13:16:41
【问题描述】：

input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}

这是来自 YUI 重置 css。 font-size:100% 之前的 * 有什么作用？

【问题讨论】：

【解决方案1】：

这是一个 IE 黑客。第二行仅由 IE 7 及以下版本正确解析和执行。请参阅http://www.webdevout.net/css-hacks#unrecommended-asterisk_prefix 了解更多信息。

编辑：关于使用此类（无效！）CSS 的评论：请不要。有很多方法可以让你的 CSS 干净整洁。你永远不会知道 IE9 会带来什么样的行为。最好将这些技巧放在一个单独的 CSS 文件中，然后可以通过 conditional comments 包含该文件。

【讨论】：

【解决方案2】：

我认为使该定义仅适用于 IE 7 或更低版本而被其他浏览器忽略是一种技巧，因为星号在属性名称之前不是合法字符。

【讨论】：

【解决方案3】：

更准确地说：IE6/7 doesn't 支持font-size: inherit。无论如何，这个 hack 应该可以实现目标。

【讨论】：

【解决方案4】：

如前所述，这些都是针对特定浏览器的黑客攻击。 Marc 的建议是正确的，这里有一个链接可以让你开始：

【讨论】：