标签的嵌套就错了,p标签里是不能放像div或者h1,h2之类的块级元素标签的。你用火狐看一下就会知道p标签里并没有h3的标签,而是跟h3标签同级了,所以第一种的效果都是在div > h3下的效果中呈现出来。第二种也是因为嵌套错了,所以div标签会跟你外层的p标签同级,所以只有上面那个span标签受影响,第二个span标签并没有算到p标签的子元素中,就没有受影响。
span是行内元素,所以在第二个div里面孙子样式是被外面的div给作用的。
你要显示怎么样的?反过来吗?