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 回答