CSS中对于链接的默认、鼠标悬浮、已访问、激活各状态是如何定义的

CSS中对链接的默认、鼠标悬浮、已访问、激活各状态是通过伪类来定义的，具体如下：

- 默认状态：定义a标签的样式，例如颜色、字体等。
- 鼠标悬停状态：使用:hover伪类来定义鼠标悬停时的样式，例如改变颜色、字体加粗等。
- 已访问状态：使用:visited伪类来定义链接被访问后的样式，例如改变颜色、添加下划线等。
- 激活状态：使用:active伪类来定义链接被点击时的样式，例如改变颜色、添加背景色等。

以下是一个示例代码，展示如何定义链接的各种状态：

a {
  color: blue; /* 默认状态下的颜色为蓝色 */
  font-weight: bold; /* 默认状态下字体加粗 */
}

a:hover {
  color: red; /* 鼠标悬停时颜色改为红色 */
  text-decoration: underline; /* 鼠标悬停时添加下划线 */
}

a:visited {
  color: purple; /* 已访问的链接颜色改为紫色 */
  text-decoration: underline; /* 已访问的链接添加下划线 */
}

a:active {
  color: green; /* 链接被点击时颜色改为绿色 */
  background-color: yellow; /* 链接被点击时添加黄色背景色 */
}

相关问题

el-menu设置鼠标悬浮样式

在Element UI库中的`el-menu`组件中，如果你想自定义鼠标悬停时的样式，你可以通过CSS来实现。`el-menu`本身提供了一些默认的样式，包括鼠标悬停时的激活状态。如果你想要覆盖这个样式，可以给菜单项元素添加一个`.el-menu-item`类，并在CSS中编写你的hover规则。

例如：

.el-menu-item:hover {
  background-color: #f5f5f5; /* 自定义背景颜色 */
  color: #333;       /* 自定义文字颜色 */
  cursor: pointer;   /* 鼠标指针样式 */
}

在这个例子中，当鼠标悬停在`el-menu`的某个项目上时，背景色会变为淡灰色，文字颜色变暗，鼠标指针显示为标准的点击样式。

如果你需要应用这样的改变全局，可以在项目的全局CSS文件中添加；如果只想对特定的`<el-menu>`生效，可以在该菜单的`style`属性中直接定义。