CSS后代选择器顺序和层级的权重实例页面

CSS代码：

.red p { color: red; }
.green p { color: green; }
                

HTML代码：

<div class="red"><div class="green"><p>1. 颜色是？</p></div></div>
<div class="green"><div class="red"><p>2. 颜色是？</p></div></div>