【问题标题】: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% 之前的 * 有什么作用?

【问题讨论】:

标签: css css-hack


【解决方案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 的建议是正确的,这里有一个链接可以让你开始:

        http://www.webdevout.net/css-hacks

        【讨论】:

          猜你喜欢
          • 2011-12-31
          • 1970-01-01
          • 2011-08-08
          • 2017-06-20
          • 1970-01-01
          • 2013-10-22
          • 1970-01-01
          • 2011-11-21
          • 1970-01-01
          相关资源
          最近更新 更多