css媒体查询的问问题

因为好久没有写自适应的网页了，今天试了一下突然发现媒体查询没用了==

估计也是我自己出问题了

		@media screen and(max-width:600px){
			div{
				width: 50px;
				height: 50px;
				background: red;
			}
		}
        div{
			width: 100px;
			height: 100px;
			background: #000;
		}
		        

　　原本我是这样写的，这样是不可以的。

问题：

and后少写了一个空格，

媒体查询的样式应该写在原本样式的后面