0

単純な子孫タグであるにもかかわらず、h1 タグのスタイルが設定されていないのはなぜですか? この場合、継承について私が誤解していることを教えてください。コードはこちらです。

HTML

<div id="title">
  <div class="left"
      <h1>Lala</h1>
  </div>
  <div class="right"
      <h2>Lulu</h2>
  </div>
</div>

CSS:

body {
    font-family: Arial, sans-serif;
    letter-spacing: 0.025em;
}

#title {
    position: absolute;
    left: 64px;
    white-space: nowrap;
    height: 60px;
    background: #000;
}

#title > .left {
    float: left;
    height: inherit;
    width: 380px;
    background: #C2D;
}

#title > .right {
    float: left;
    height: inherit;
    width: 124px;
    margin-left: 4px;
    background: #5CC;
}

h1 {
    color: #FF4;
}
4

2 に答える 2

4

ちょっと今これをチェック

あなたは忘れるdisclose div

交換

これ

<div id="title">
  <div class="left"
      <h1>Lala</h1>
  </div>
  <div class="right"
      <h2>Lulu</h2>
  </div>
</div>

これに 

<div id="title">
  <div class="left">
      <h1>Lala</h1>
  </div>
  <div class="right">
      <h2>Lulu</h2>
  </div>
</div>

">"最後にdiv

ライブデモ

http://jsfiddle.net/SPN6M/2/

于 2012-07-06T11:45:21.397 に答える
1

2行目で、コードは次のようになります

  <div class="left">

div を閉じるには、末尾の ">" に注意してください

于 2012-07-06T11:47:22.027 に答える