多个CSS样式引用优先级问题

开发过程肯定会在class当中定义多个样式，所以肯定涉及到样式的优先级问题，比如下方代码：

<div id="app" class="one three two"></div>

#app{
    width: 100px;
    height: 100px;
}
.one{
    background-color: red;
}
.two{
    background-color: yellow;
}
.three{
    background-color: green;
}

如果单看class内定义的内容，肯定认为two>three>one,但是实际效果却是：

再看浏览器的解析：

浏览器解析的是three>two>one。
因此证明多个css样式引用的优先级不是根据class内的先后顺序，而是根据css文件定义的先后顺序来的。