Question

为什么我的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;
}

Answer 1

嘿，现在检查一下

您忘了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/

Answer 2

在第2行中，您的代码应为

  <div class="left">

请注意“＆gt;”最后关闭div

样式h1标签嵌套在div两级深层 - 继承误解？

2 个答案: