定义和用法

CSS :active 伪类用于选择并设置用户正在激活的元素的样式。

:active 伪类最常用于 和 元素。当用户点击链接时，链接会被激活；按钮也是如此。

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

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

实例

例子 1

选择并设置激活链接的样式：

a:active {
  background-color: yellow;
}

Tenda kwa kufikia

例子 2

选择并设置用户点击时的 样式：

button:active {
  background-color: pink;
}

Tenda kwa kufikia

例子 3

选择并设置点击时的

、

和 元素的样式：

p:active, h1:active, a:active {
  background-color: yellow;
}

Tenda kwa kufikia

例子 4

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

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

Tenda kwa kufikia

Mifano 5

Mkinga wa kuzingatia kichwa cha tengeneza kwa sababu

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

Tenda kwa kufikia

Makusanyo ya CSS

:active {
  maudhui ya css;
}

Vifaa vya uhariri

Inafuatilia ya browser

Inafuatilia ya tabia zinaingia kwa browser ya kwanza ambayo inakubali class ya kina hii.

Pakani za maudhui

Mafunzo:Tengeneza kichwa cha CSS

Mafunzo:Kibili cha CSS

Mafunzo:CSS class ya kina