关于@media优先级问题

经常需要使用@media查询屏幕大小来选择不同的css

有时候发现命名使用了@media重写css样式但是依然@media里面的样式失效。

原因在于css选择器优先级问题，后面的css样式优先级大于前面的。

解决办法：

原本的css样式必须置于在@media里面重写的css样式之上。

eg：

.css1{xxx}

@media xxxx{

.css1{xxx}

}