为什么媒体查询手机端样式失效

为什么媒体查询手机端样式失效

	@media screen and (max-width: 1023px) {
		.MuiCollapse-wrapperInner {
			width: 100% !important;
	
		}
	}
		.MuiCollapse-wrapperInner {
		width: 86%;
	}

手机端样式还是width: 86%;

因为他们存在优先级关系 ，正确的写法应该是

.MuiCollapse-wrapperInner {
		width: 86%;
	}
@media screen and (max-width: 1023px) {
		.MuiCollapse-wrapperInner {
			width: 100% !important;
	
		}
	}