css专栏 02.选择器 04.伪类选择器

全栈开发

已于 2022-04-03 10:13:14 修改

阅读量81

点赞数

分类专栏： css 文章标签： css

于 2022-03-14 23:37:33 首次发布

本文链接：https://blog.csdn.net/m0_66351881/article/details/123491588

版权

css 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

# 04.伪类选择器

[toc]{type: "ol", level: [3]}

### 伪类选择器
> 配置不同交互状态下，元素的显示效果

- html结构
```html
<a href="https://www.google.com">谷歌</a>
```

- 未点击
```css
a:link {
    color: green;
}
```

- 悬停
```css
a:hover {
    color: darkgoldenrod;
}
```

- 激活
```css
a:active {
    color: chocolate;
}
```
- 已点击
```css
a:visited {
    color: brown;
}
```