css选择器排序位置不同，那么HTML中优先选择权也不同

无意间发现一个现象，css选择器排序位置不同在HTML中的优先选择权就越不相同。越是往后排的选择器优先选择权越大。

比如，@media screen and (min-width:1200px ) {}要比@media (min-width: 768px){}优先选择权大，@media screen and (min-width:1200px ) {}位置却是靠后的，而@media (min-width: 768px){}的位置是靠前的。同理其他相同名字的选择也是一样的规律。