伪类的使用

在我们进行相关的操作时，例如：鼠标移入，鼠标按下，获取焦点，禁用，选中，链接访问后，等，都代表着同一个元素的不同状态。

选择器:伪类状态 {
  
}

常见的伪类状态有：

• 鼠标移入 hover
• 鼠标按下 active
• 超链接未访问 link
• 超链接已访问 visited
• 获取焦点 focus
• 失去焦点 blur
• 禁用 disabled
• 选中 checked

选择器:hover { }
选择器:active { }
选择器:focus { }

a标签的四个伪类

link链接未访问 visited链接已访问 hover鼠标移入 active鼠标按下

link和visited是a标签独有的，我们基本不用

为了保护用户隐私，我们网站中是不会把访问过的链接显示成不同状态的。默认情况下，link和visited只支持对应的颜色变化，其他样式的变化不支持，因为浏览器为了保护用户隐私。

hover和active是所有元素都有的，hover最常用，active基本不用

hover伪类

鼠标移入某个元素时的状态

鼠标移入div时div的样式

div:hover {}

鼠标移入div时，div下面的span的样式

div:hover span {}

鼠标移入div中的span时，span的样式

div span:hover {}