css伪类选择器介绍-木庄网络博客

本文摘自PHP中文网，作者V，侵删。

伪类选择器：

（推荐学习：css快速入门）

1、link、hover、active、visited

a:link（未访问的链接状态），用于定义了常规的链接状态。

a:hover（鼠标放在链接上的状态），用于产生视觉效果。

a:active（在链接上按下鼠标时的状态）。

a:visited（已访问过的链接状态），可以看出已经访问过的链接。

a:link{color: black}
a:hover{color: yellow}
a:active{color: blue}
a:visited{color: red}
  
<a href="#">Nick</a>

2、before、after

P:before 在每个<p>元素的内容之前插入内容。

P:after 在每个<p>元素的内容之后插入内容。

p {
    color: yellow;
}
p:before{
    content: "before...";
}
p:after{
    content: "after...";
}
 
<p> Nick </p>

以上就是css伪类选择器介绍的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

更多相关阅读请进入《css》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者