0

header > sectionタグが CSS で設定されたセクションの色になるのはなぜですか?

色を持たないようにしようとしましたheader > sectionが、何らかの理由でセクションタグで設定された色を使用しています。

HTML

<div id ="wrapper">
   <header>
      <section>
         <h1>This is Staffordshire</h1>
      </section>
      <nav>
         <ul>
            <li><a href="">◊ Home</a></li>
            <li><a href="">◊ News Round</a></li>
            <li><a href="">◊ Contact Us </a></li>
            <li><a href="">◊ About The Town</a></li>
         </ul>
      </nav>
   </header>
   <section>
      <article>
      </article>
   </section>
   <footer>
   </footer>
</div>

CSS

header {
    margin-top: 50px;
    position: absolute;
    top: 0;
    display: block;
    width: 960px;
    height: 150px;
}

section {
    display: block;
    background-color: #0FF;
    width: 960x;
    height: 600px;
}

header > section {
    border: thick groove #ff0000;
    display: block;
    width: 300px;
    height: 150px;
    float: left;
}
4

2 に答える 2

1

これは、両方の CSS ルールがセクションに適用されるためです。

.wrapper > sectionルールを 2 番目のセクションにのみ適用するには、セレクターとして使用できます。

于 2013-10-02T01:53:39.063 に答える
1

で設定された CSS プロパティをオーバーライドするsectionには、特定のプロパティを で指定する必要がありますheader > section。color: white;後者に何か を追加するだけでよいようです。これがフィドルの例です。

于 2013-10-02T01:51:01.483 に答える