根据条件的改变匹配元素，相对于文档的固定状态。

1.使用:link 和 :visited 选择器

• :link 选择器匹配超链接。
• :visited选择器匹配用户已访问的超级链接。

对于用户访问过的链接，可在浏览器中设置保留已访问状态的时间。

当用户清楚浏览器历史记录，或历史记录超时，链接会返回未访问状态。

<style type="text/css">
:link {
border: thin black solid;
background-color: lightgrey;
padding: 4px;
color:red;
}
:visited {
background-color: grey;
color:white;
}
</style>

⚠️使用:visited选择器可以应用到链接元素的属性不多（改变颜色和字体）。

visited选择器匹配用户在所有页面访问过的href属性为URL的任意链接，而不只是你的页面。

:visited最常见的用法就是针对已访问的链接应用某种样式，从而让它们跟未访问的链接有所区别。

2.使用:hover 选择器

:hover选择器匹配用户鼠标悬停在其上的任意元素。鼠标移动时，选中的元素样式会发生改变。

<style type="text/css">
:hover {
border: thin black solid;
padding: 4px;
}
</style>

3.使用:active 选择器

:active 选择器匹配当前被用户激活的元素。在鼠标点击的情况下使用这个选择器。

<style type="text/css">
:active {
border: thin black solid;
padding: 4px;
}
</style>

:active 选择器不仅限于用户可以与之交互的元素。

4.使用:focus选择器

:focus 匹配当前获得焦点的元素。（input常用）

<style type="text/css">
:focus{
border: thin black solid;
padding: 4px;
}
</style>