css中伪类是什么

166 阅读 0 评论 110 点赞

我是靠谱客的博主洁净自行车，这篇文章主要介绍css中伪类是什么，现在分享给大家，希望可以做个参考。

本文操作环境：windows10系统、css 3、thinkpad t480电脑。

css中的伪类是用来定义元素的特殊状态的。

例如，它可以用于：

设置鼠标悬停在元素上时的样式
为已访问和未访问链接设置不同的样式
设置元素获得焦点时的样式

具体语法：

复制代码selector:pseudo-class {
  property: value;
}1
2
3
selector:pseudo-class {
  property: value;
}
登录后复制

代码示例：

复制代码/* 未访问的链接 */
a:link {
  color: #FF0000;
}

/* 已访问的链接 */
a:visited {
  color: #00FF00;
}

/* 鼠标悬停链接 */
a:hover {
  color: #FF00FF;
}

/* 已选择的链接 */
a:active {
  color: #0000FF;
}1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
/* 未访问的链接 */
a:link {
  color: #FF0000;
}

/* 已访问的链接 */
a:visited {
  color: #00FF00;
}

/* 鼠标悬停链接 */
a:hover {
  color: #FF00FF;
}

/* 已选择的链接 */
a:active {
  color: #0000FF;
}
登录后复制