CSS :visited 伪类

定义和用法

CSS :visited 伪类用于设置已访问链接的样式。

提示：使用 :link 设置未访问页面的链接样式，使用 :hover 设置鼠标悬停时的链接样式，使用 :active 设置点击时的链接样式。

注意：为了正确设置链接样式，请将 :visited 规则放在 :link 规则之后，但在 :hover 和 :active 规则之前。

允许的样式包括：

• color
• background-color
• border-color（以及各边的 border-color）
• outline color
• column-rule-color
• text-decoration-color
• text-emphasis-color
• SVG 属性 fill 和 stroke

实例

例子 1

选择并设置已访问链接的样式：

a:visited {
  color: pink;
}

Tafuta kufanya mafunzo mwenyewe

例子 2

选择并设置未访问、已访问、悬停和活动链接的样式：

/* 未访问的链接 */
a:link {
  color: green;
}
/* 已访问的链接 */
a:visited {
  color: green;
}
/* 鼠标悬停的链接 */
a:hover {
  color: red;
}
/* Viungo ambavyo vinavyotumika hivi karibuni */
a:active {
  color: yellow;
}

Tafuta kufanya mafunzo mwenyewe

Mifano 3

Weka mawendo ya kawaida kwa viungo:

a.ex1:hover, a.ex1:active {
  color: red;
}
a.ex2:hover, a.ex2:active {
  font-size: 150%;
}

Tafuta kufanya mafunzo mwenyewe

Mafunzo ya CSS

:visited {
  maudhui ya css;
}

Mafunzo ya viwango

Muungano wa programu za kusoma

Mafanikio ya tabia ya msingi ya programu ya kusoma inae katika mifano ya tabia hii inasababisha kusaidia kwa programu ya kusoma hii tabia kwa sasa.

Sayari za kawaida

Mafunzo:CSS tisho

Mafunzo:CSS kina msingi