对于开始接触css的朋友来说，在看其他人的代码的时候会经常看到 :hover,:foucs,:before,:after等相关代码，其实这些就是css伪类代码。简单来说应用css伪类就是增加了一个块。
接下来我们看一下伪类到底有哪些，并且各自有哪些用：
1.锚伪类：
a:link {color: #FF0000} a:visited {color: #00FF00} a:hover {color: #FF00FF} a:active {color: #0000FF}相信后面的注释的应该能看见吧，这个相对简单一点就不详解了
2.：before，：after：
立即学习“前端免费学习笔记（深入）”；
这个是我们今天要说的重点，而事实上很多的非常精美的css动画都是离不开这两个元素的。 举例：
：before是在该类名前面加一个块。那么：after是在该类名后面增加一个快元素
例如 html：
we are famliy
css: .a{color:#fff;}
.a:before{
content:"";
width:30px;
height:30px
position:absoulate;
}
该例中就是在文本前面增加了一个宽为30px，高为30px；的一个空白快 这里面要说的是在伪类里面
对于元素的位置定位绝对是absoulate。不能是其他的，你可以控制left：或者top 定位它的位置
content可以向快里面增加内容，图片，文字等等。如果不需要的话。content：“”；为空。但是代码不能省略。
下面给大家一些真实的案例供大家理解
得到的效果如图;
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
广告
收藏
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
267
