代码推演：特异性与书写顺序

<style>
  #notice { color: navy; }        /* 深蓝色 */
  .panel .notice { color: teal; } /* 青绿色 */
  .notice { color: crimson; }    /* 深红色 */
</style>
<section class="panel">
  <p id="notice" class="notice">观察最终颜色</p>
</section>

提问：假定均为同来源、同层的普通声明，无动画和其他规则。文字是什么颜色？只移除 id 属性后又是什么颜色？解释比较顺序。