<h1 style="color:#0F0;">
        1
        <h1 style="color:#0FF">2</h1>
      1
</h1>

为什么最下面那个1没有任何效果？按我的理解，它应该是 #0F0 的。
还有什么其它类似的陷阱吗？

按照xhtml标准来说，h1是不能嵌套任何块级元素（包括h1本身），只能放内联元素的。所以这个浏览器怎么渲染就不确定了。

第一次见到h1嵌套的，你试试div嵌套

你这个写法就存在一些问题，h1是用来放标题的，标题里面再嵌套标题就不准确。html是解释性语言，所以你这么写也会出来一种效果，只不过效果不对罢了

应该是不能嵌套，你再写个h1把最后那个包了就行

这种写法是错误的哦，

标签中是不能再次嵌套h1标签的哦！这种写法严重性不规范。