在学习css3的过程中,我们会遇到伪对象这个名词,顾名思义伪对象不是真正的对象,但它和对象所表示的意思又十分相似。
经常会遇到的伪对象选择器主要有以下几个:
1 .:before选择器在被选元素的内容前面插入内容。
2. :after选择器在被选元素的内容后面插入内容。
下面我们是想在下面的div的前面和后面分别追加内容。
a
此时css代码为:
.content:before {
content: 'a';
color: #f40;
}
.content:after {
content: 'c';
color: #f40;
}
运行结果为
在使用伪对象选择器的时候,我们要注意一点before和after必须和content结合使用,即使没有内容插入也要写content=' '。
伪对象选择器在样式的编写中使用很多,这一点大家要知道的。