伪类选择器 👼

伪类 是添加到选择器的关键字，指定要选择的元素的特殊状态。

由于状态的变化是非静态的，所以元素达到一个特定状态时，它可能得到一个伪类的样式；当状态改变时，它又会失去这个样式。由此可以看出，它的功能和 class 有些类似，但它是基于文档之外的抽象，所以叫伪类。

常用的伪类选择器有哪些？

1. :hover(可被用于在用户将鼠标悬停在元素上时改变元素的样式)

	button:hover{
		color:blue;
	}

2. :link(元素被定义了超链接但并未被访问过)

	a:link{
		color:orange;
	}

3. :visited(元素被定义了超链接并已被访问过)

	a:visited{
		color:blue;
	}

4. :active(元素被激活，当用鼠标交互时，它代表的是用户按下按键和松开按键之间的时间。)

	button:active{
		background: red;
	}

5. :focus(元素获取焦点,表示获得焦点的元素（如表单输入）。当用户点击或触摸元素或通过键盘的 “tab” 键选择它时会被触发。)

	input:focus{
		background: blue;
	}

试一试

除了上面这些之外，还有一些，更多的建议参考MDN。