CSS :link 伪类

定义和用法

CSS :link 伪类用于选择并设置未访问链接的样式。

注意：:link 伪类不会设置已访问链接的样式。

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

注意：在 CSS 定义中，:link 必须放在 :hover（如果存在）之前才能生效！

实例

例子 1

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

a:link {
  background-color: yellow;
}

Jifunze tena

例子 2

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

/* 未访问的链接 */
a:link {
  color: green;
}
/* 已访问的链接 */
a:visited {
  color: green;
}
/* 鼠标悬停的链接 */
a:hover {
  color: red;
}
/* 激活的链接 */
a:active {
  color: yellow;
}

Jifunze tena

例子 3

为链接设置不同的样式：

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

Jifunze tena

Inasema ya CSS

:link {
  css declarations;
}

Vivyo vya tekniolojia

Inahofu ya mifungo

Inanamba ya mifano ya mifungo ya CSS inamwambie kipindi cha kitabu cha kwanza cha kina kina hii kina kina.

Vingine vya kwanza

Mafunzo:CSS kina likizo

Mafunzo:CSS kina kina