Home/ Questions/Q 4004074
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-20T08:13:43+00:00

Here is a little piece of code. <style …> h1 { color: red }

  • 0

Here is a little piece of code.

<style ...>
h1 { color: red }
h2 { color: olive }
em { color: red }
h1 em { color: blue }
</style ...>

<body>
<H1>This <h2>headline is <EM>very</EM> important</h2> to me.</H1>
</body>

I even tried this code at jsfiddle, but couldn’t understand WHY that last two words to me appear in black color. I thought it would be red.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    That’s because you cannot nest h1-h6 tags. The <h2> tag implicitly closes <h1> so it is interpreted as:

    <body>
<H1>This </H1><h2>headline is <EM>very</EM> important</h2> to me.
</body>
    • 0