css - 样式化嵌套在div中两个级别的div中的h1标签的样式-继承误解吗？

为什么我的h1标签是简单的后代标签，但为什么没有设置样式？您能告诉我，在这种情况下，我对继承有什么误解？代码是here。

的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;
}

最佳答案

嘿现在检查这个

你忘记了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/