伪类练习一

这是我做的一个伪类练习，来简单的理解一下吧！

<div class="con">
	 <img src="images/捕获.PNG" alt="">
</div>

首先打一个div然后在给他一个类，之后在里面打一个img随便放一张背景图片。

.con img{
			width: 120px;
			height: 120px;
			transition: all 1s ease;
		}
		.con img:hover{
			width: 250px;
			height: 250px;
			cursor: pointer;
		}

下一步就是，设置img里面的图片宽度和高度，然后在下面img后面加一个hover的一个伪类（意思就是傻逼移入上去选中的这个元素就会发生变化），给他一个2倍的宽和高，在设置一个鼠标移入上去指针就会变成小手的一个样式，然后在上一个类名里面添加上一个像动画一样的过渡效果，就完成了。