《HTML 5与CSS 3 权威指南（第4版·下册）》 —17.3.7　在字符串两边添加嵌套文字符号

17.3.7　在字符串两边添加嵌套文字符号

可以使用content属性的open-quote属性值与close-quote属性值在字符串两边添加诸如括号、单引号、双引号之类的嵌套文字符号。open-quote属性值用于添加开始的嵌套文字符号，close-quote属性值用于添加结尾的嵌套文字符号。

另外，在元素的样式中使用quotes属性来指定使用什么嵌套文字符号。

图17-14　编号多层嵌入的示例

对于嵌套文字符号的添加功能，目前Firefox浏览器、Opera浏览器，Chrome浏览器与Safari浏览器均对其提供支持。

代码清单17-9为添加嵌套文字符号的一个示例，在该示例中有一个h1标题元素，文字为“标题”，使用before选择器与after选择器在标题文字两边添加括号。

代码清单17-9　添加嵌套文字符号的示例

代码清单17-9的运行结果如图17-15所示。

图17-15　添加嵌套文字符号的示例