1

如果 CSS 规则中缺少样式，这意味着什么？它对元素也没有影响。

firebug 中有一个空的 CSS 规则。我知道如果某种样式被覆盖，则样式会被交叉，但我不确定如果样式在 css 规则中丢失意味着什么。我创建了规则来影响下面元素的 padding-top。

<div id="leadspace-head" class="alternate">
  <div id="leadspace-body">
    <ul id="navigation-trail">
      <li>test</li>
    </ul> 
    <h1 class="small">Title for this page</h1>
  </div>
</div>

这是场景。对于上面的 html 代码，我在下面有 3 个 css 规则。第一个在正文中，其他 2 个规则可以在 css 文件中找到。第二条规则覆盖第三条规则。我添加了第一条规则来覆盖第二条规则，但它没有效果并在萤火虫中显示空规则。

正文中的 CSS

.landing-page #leadspace-head.alternate #navigation-trail + h1 {
  padding-top: 9px !important;
}

mystyle.css 中的 CSS

.landing-page #leadspace-head.alternate #navigation-trail + h1 {
  padding-bottom: 10px;
  padding-top: 9px;
}

.landing-page #leadspace-head #navigation-trail + h1 {
  padding-top: 5px;
}
4

1 回答 1

1

你们的风格似乎相互覆盖了很多。您可能想要研究更好地使用 CSS 中的继承规则的方法。

除此之外，尝试将您的规则重写为：

#navigation-trail h1.small { padding-top: 9px; }

这将专门针对那些属于您的 #navigation-trail 列表元素的 H1 元素。

于 2012-09-12T23:29:40.793 回答