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

这些CSS伪类的执行顺序是 LVHA，也就是：

1. :link (L): 应用于所有未访问过的链接。
2. :visited (V): 应用于所有用户访问过的链接。
3. :hover (H): 应用于鼠标悬停在其上的链接。
4. :active (A): 应用于被激活的链接（例如，鼠标点击链接时）。

理解优先级和覆盖:

由于这些伪类可以应用于同一个元素，因此理解它们的优先级和如何相互覆盖至关重要。 后面的规则会覆盖前面的规则。

例如，如果一个链接同时具有 :visited 和 :hover 样式，当鼠标悬停在已访问过的链接上时，:hover 样式将覆盖 :visited 样式。 这是因为 :hover 在LVHA顺序中排在 :visited之后。

为了避免混淆和确保样式按预期应用，最好按照LVHA的顺序编写这些伪类规则。 例如：

a:link {
  color: blue;
}

a:visited {
  color: purple;
}

a:hover {
  color: red;
}

a:active {
  color: orange;
}

这样，未访问的链接将显示为蓝色，访问过的链接将显示为紫色，鼠标悬停时将显示为红色，点击时将显示为橙色。

一些额外的注意点：

• :visited 的样式限制: 出于隐私原因，浏览器对 :visited 样式的控制非常严格。 你只能修改链接的颜色，以及少数其他属性，例如 outline。 这是为了防止网站通过CSS代码跟踪用户的浏览历史。
• :active 的持续时间很短: :active 状态只在链接被激活的极短时间内生效，通常是用户点击链接并按住鼠标的期间。

记住LVHA顺序，并理解优先级和覆盖规则，可以帮助你更好地控制链接的样式。