请写出:link、:visited、:hover、:active的执行顺序

在CSS中，:link、:visited、:hover、:active 是四种伪类选择器，它们通常用于定义超链接（<a> 标签）在不同状态下的样式。这些状态的选择器有一个特定的顺序，通常被称为“LoVe/HAte”顺序，这是由它们各自代表的状态和这些状态通常发生的顺序来确定的。

1. :link - 选择所有未被访问的链接。
2. :visited - 选择所有已被访问的链接。
3. :hover - 当用户将鼠标指针悬停在元素上时，选择该元素。
4. :active - 当用户激活元素（例如，点击一个链接但尚未释放鼠标按钮）时，选择该元素。

这个顺序很重要，因为它影响了样式的应用。例如，如果你希望一个链接在被点击时（:active 状态）的样式与其他状态不同，你需要确保 :active 选择器在CSS规则中最后定义，以便它的样式能够覆盖其他状态的样式。

因此，这些伪类选择器的推荐顺序是：:link -> :visited -> :hover -> :active。这个顺序确保了样式的正确应用和覆盖，从而提供了更一致和可预测的用户体验。