0

以下は、実際のHTMLの非常に単純化されたバージョンです。

<html>
<head>
<style type="text/css">
        h3 { background: blue; }
        p {background:grey; }
    </style>
</head>
<body>
    <h3>The paragraph below will style correctly.</h3>
    <p>
        As you can see, I am stylish.</p>
    <p>
        <h3>But this paragraph goes wrong.</h3>
        I am sad. I have no style.
    </p>
</body>
</html>

ブラウザでそれを叩き（Firefox 12とIE9を試しました）、最初の段落は灰色の背景になりますが、2番目の段落には何もありません。背景が青色でなく、スタイリングが失われていることに注意してください。私の理解では、h3の背景はh3にのみ影響を与えるべきであり、親に上向きに移動してそれに影響を与えるべきではありません。

私は何かを逃したことがありますか？上記は簡略化されていることに注意してください。段落にヘッダーが必要ですが、これはスタイルエラーなしでは不可能のようです。上記に間違いはありますか？ありがとう。

4

1 に答える 1

3

段落内にヘッダーを含めることは有効なマークアップではないため、スタイリングが台無しになっています。

ここでマークアップを検証できます：http：//validator.w3.org/

于 2012-04-29T07:57:05.553 に答える