代码之家  ›  专栏  ›  技术社区  ›  Damovisa

为什么不是我的!谷歌Chrome的重要特性?

  •  5
  • Damovisa  · 技术社区  · 15 年前

    在reset.css中,出现以下样式定义:

    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
      border-bottom-width:0;
      border-color:initial;
      border-left-width:0;
      border-right-width:0;
      border-style:initial;
      border-top-width:0;
      font-family:inherit;
      font-size:100%;
      font-style:inherit;
      font-weight:inherit;
      margin-bottom:0;
      margin-left:0;
      margin-right:0;
      margin-top:0;
      outline-color:initial;
      outline-style:initial;
      outline-width:0;
      padding-bottom:0;
      padding-left:0;
      padding-right:0;
      padding-top:0;
      vertical-align:baseline;
    }
    

    span 在该列表中,并且默认情况下具有 font-size 100%的。

    在my screen.css中,我有以下内容:

    dl.labels-left dt span.req {
      display:inline;
      font-size:14px !important;
    }
    

    <div>
        <dl class="labels-left">
            <dt class="larger-a-left">
                <label>Name:</label>
                <span class="req">*</span>
            </dt>
    ...
    

    我的问题是 font-size: 14px !important; 正在被重置文件中的CSS覆盖, . 我不明白为什么!

    字体大小 划掉: Firebug Screenshot http://www.damianbrady.com.au/images/firebug_screenshot.png

    为什么我的reset.css样式被认为比特定的类定义更重要?

    根据我对 W3C CSS 2.1 Specificity ,这不应该发生!

    2 回复  |  直到 15 年前
        1
  •  1
  •   meder omuraliev    15 年前

    也许检查员不恰当地划掉了它,但从视觉上看它是对的?

        2
  •  0
  •   Pedro Simonetti    15 年前

    它是一只萤火虫。Firebug Lite总结了 每个 规则中定义的选择器(而不仅仅是CSS规范中所说的匹配的选择器),因此它会导致高估值。

    我刚填了一份问题报告。如果您想收到有关我们处理此特定问题的进度的电子邮件更新,请“启动”(订阅)此问题:

    http://code.google.com/p/fbug/issues/detail?id=3262

    另外,下一次,对于Firebug/Firebug-Lite问题,请尝试使用我们的讨论列表或bug跟踪。否则我们可能没有意识到这个问题。

    顺便谢谢你的详细报告!