分析错误CSS有效

Question

错误

@media only screen (min-width: 1021px) and (max-width: 1180px) {
	
	.twee img {
		margin-top: 3em;
	}
	
	.drie {
		margin-top: 3em;
	}
	
	.audiovisual iframe {
		width: 90%;
	}
	
	.cp img {
		width: 75%;
		height: 75%;
		display: inline;
		padding: 0;
	}
}
@media only screen (min-width: 791px) and (max-width: 1020px) {
	body {
		background-image: url(IMG/Sam-open-copy-1020.jpg);
	}
	
	.twee img {
		margin-top: 7em;
	}
	
	.drie {
		margin-top: 7em;
	}
	
	.zes {
		margin-top: 2em;	
	}
		
	.audiovisual iframe {
		width: 90%;
	}
	
	.kaart iframe {
		width: 75%;
		height: 75%;
		padding: 0;
		margin: 0;
		padding-bottom: 2em;
	}
	
	.cp img {
		width: 75%;
		height: 75%;
		display: inline;
		padding: 0;
	}
	
	#totop {
		right: 0;
	}
}

所以这是我的代码，我的媒体查询不会应用于我的HTML。

当我验证时，我得到了这些错误。（参见图片错误）但是我找不出它出了什么问题？我检查了所有的东西，但可能我找不到了，因为我看了一遍。。。。

Answer 1

在@media查询中添加额外的"and"：

@media only screen and (min-width: 1021px) and (max-width: 1180px) { ...