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 ファイルにあります。2 番目のルールは 3 番目のルールを上書きします。2 番目のルールを上書きするために 1 番目のルールを追加しましたが、効果がなく、firebug で空のルールが表示されます。

本文内の 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 に答える