页面中有10个逐层嵌套的div元素，最底层的div元素有个名为 'div' 的class，对最底层div应用以下两条css规则，问最底层div的颜色？如果规则顺序前后对调呢，底层div颜色?。

根据CSS规则的优先级，如果应用了以下两条CSS规则：

1. `.div { color: red; }`
2. `div.div { color: blue; }`

则最底层的div元素的颜色为蓝色。这是因为第二条规则具有更高的优先级，它使用了类选择器和元素选择器的组合，所以它会覆盖第一条规则。

如果将规则顺序进行调换，即将第一条规则放在第二条规则之后：

1. `div.div { color: blue; }`
2. `.div { color: red; }`

最底层的div元素的颜色仍然为蓝色。这是因为选择器的优先级仍然是相同的，但是由于第一条规则在顺序上更靠后，所以它无法覆盖第二条规则。