【问题标题】:What does an asterisk do in a CSS property name? [duplicate]CSS 属性名称中的星号有什么作用? [复制]
【发布时间】:2011-06-01 14:37:08
【问题描述】:

我知道星号在 CSS 选择器中的作用 (What does an Asterisk do?),但它在属性名称中的作用是什么?这是 YUI 使用的 CSS 示例。我不知道*display 是做什么的。

.yui-button .first-child
{
    display:block;
    *display:inline-block;
}

【问题讨论】:

  • 在你的例子中很有趣 *display:inline-block;因为 Internet Explorer 7 不“理解” inline-block 属性
  • @Sotiris:有一点。但是,这一切都错了吗。
  • @BoltClock haha​​hah “确实,有点”

标签: css


【解决方案1】:

这是一个语法错误。所以在 CSS 中,它使属性名无效并停止解析。

由于浏览器中的错误,它有时会被忽略。这有效地导致该属性仅适用于具有该特定错误的浏览器 - IE7。

一般而言,应避免使用有条件的 cmets。

【讨论】:

    【解决方案2】:

    这是一个 IE 黑客。 IE7 及更早版本将应用第二个声明(从而覆盖第一个声明),而其他浏览器将忽略它并继续应用第一个声明。

    另外,这是无效的 CSS 语法。

    【讨论】:

    • @Jakub Pietkun: wat。有截图吗?
    • 对不起,我弄错了。我已经测试过 FF、Chrome 和 IE - “星号”属性没有效果。
    【解决方案3】:

    它就像 ie6 的下划线。但是对于ie7

    如果您加上星号,则该属性将仅用于 ie7 及更早版本的浏览器。

    这是一个黑客......

    【讨论】:

      【解决方案4】:

      这是 IE hack 之一。 Internet Explorer 以稍微不同的方式解析 CSS,允许在其他浏览器中忽略某些 hack。谷歌为它。您可以针对不同版本的 IE 使用不同的 hack。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2016-03-21
        • 1970-01-01
        • 2019-10-30
        • 1970-01-01
        • 2018-11-27
        • 2020-01-30
        • 2019-09-19
        • 1970-01-01
        相关资源
        最近更新 更多