如果需要为网页中的元素插入内容,很少有人会想到使用CSS样式来实现。在CSS样式中,可以使用content属性为元素添加内容,通过该属性可以替代Javascript的部分功能。content属性与:before及:after伪元素配合使用,可以将生成的内容放在一个元素内容的前面或后面。语法格式如下:
content:属性值;
content属性的各属性值介绍如下。
1.none:如果有指定的添加内容,则设置为空。
2.normal:默认值,表示不赋予内容。
3.string:该属性值用于赋予指定的文本内容。
4.counter(
5.attr(
6.url(
7.inherit:该属性值表示继承父级元素。
提示:使用content属性可以为网页中的容器赋予相应的内容,但是content属性必须与:after或者:before伪类元素结合使用。