<html>
<body>
<style type="text/css">
p.first {color:blue}
p.second {color:green}
</style>
<p class="first">Hello World</p>
<p class="second">Hello World</p>
<style type="text/css">
p.first {color:green}
p.second {color:blue}
</style>
<p class="first">Hello World</p>
<p class="second">Hello World</p>
</body>
</html>
浏览器应该如何呈现不连续的css？是否应该使用页面上的所有css样式生成一些数据结构并使用它进行渲染？
或者它按照它看到的顺序使用样式信息进行渲染？