HTML 5与CSS 3权威指南(第4版·下册)
上QQ阅读APP看书,第一时间看更新

第17章 使用选择器在页面中插入内容

在16.3.1节中介绍CSS中的伪元素时,我们曾经介绍过,在CSS中可以使用before伪元素选择器与after伪元素选择器在页面中的元素的前面或后面插入内容,而插入的内容是用content属性来定义的。确切地说,before伪元素选择器与after伪元素选择器是在CSS 2.0中添加的,但是从CSS 2.1开始,一直到CSS 3中,都不断地在针对这两个选择器进行改良和扩展,这使得before伪元素选择器与after伪元素选择器的作用越来越强大,因此本章将特别针对这两个选择器做详细的介绍。

学习内容:

·掌握CSS 3中使用选择器在页面中插入文字的方法,能够使用before选择器与after选择器在页面中元素的前面或后面插入文字。

·掌握CSS 3中使用选择器在页面中插入图像的方法,能够使用before选择器与after选择器在页面中元素的前面或后面插入图像文件。

·掌握CSS 3中使用选择器在页面中插入项目编号的方法,能够使用before选择器与after选择器在页面中各种项目的前面或后面插入各种级别、各种样式的项目编号。