quotes 属性接受一个值,是一个由一对字符串组成的列表。每对字符串定义了一个样式,第一个字符串表示开启引号的样式,第二个字符串表示闭合引号的样式。引号样式可以是字符,也可以是 Unicode 字符串。
下面是一个示例:
q::before {
quotes: "«" "»"; /* 设置 <q> 元素的引号样式为法语风格的双尖括号 */
}
blockquote::before {
quotes: "“" "”"; /* 设置 <blockquote> 元素的引号样式为英文风格的双引号 */
}
在这个示例中,quotes 属性分别用于 <q> 元素和 <blockquote> 元素。这样在使用 ::before 伪元素为这些元素插入内容时,引用的开启和闭合引号会根据 quotes 属性的设置进行替换。这主要用于实现不同语言或风格中的不同引号样式。
转载请注明出处:http://www.zyzy.cn/article/detail/4241/CSS