挺有趣的css题，看看有没有踩坑的

   .blue {
        color: blue;
    }
    .red {
    color: red;
    }

    <div class="blue red">这是什么颜色</div>
    <div class="red blue">这是什么颜色</div>

请问到底是什么颜色？答对了吗？

原因：

优先级相同时，则采用就近原则，选择最后出现的样式; 这里的就近原则不是说 class=“blue red” 中类名出现的先后顺序，而是说离样式表中最近的那个样式。.red的样式离得最近，所以都为红色。