CSS3的伪对象选择器

在学习css3的过程中,我们会遇到伪对象这个名词,顾名思义伪对象不是真正的对象,但它和对象所表示的意思又十分相似。

经常会遇到的伪对象选择器主要有以下几个:

1 .:before选择器在被选元素的内容前面插入内容。

2. :after选择器在被选元素的内容后面插入内容。

下面我们是想在下面的div的前面和后面分别追加内容。

a

此时css代码为:

.content:before {

content: 'a';

color: #f40;

}

.content:after {

content: 'c';

color: #f40;

}

运行结果为

在使用伪对象选择器的时候,我们要注意一点before和after必须和content结合使用,即使没有内容插入也要写content=' '。

伪对象选择器在样式的编写中使用很多,这一点大家要知道的。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容