quotes 是 CSS 中用于设置文本引号样式的属性。这个属性被用来指定在文本中使用 content 属性时,要使用的开启引号和闭合引号的样式。

quotes 属性接受一个值,是一个由一对字符串组成的列表。每对字符串定义了一个样式,第一个字符串表示开启引号的样式,第二个字符串表示闭合引号的样式。引号样式可以是字符,也可以是 Unicode 字符串。

下面是一个示例:
q::before {
  quotes: "«" "»"; /* 设置 <q> 元素的引号样式为法语风格的双尖括号 */
}

blockquote::before {
  quotes: "“" "”"; /* 设置 <blockquote> 元素的引号样式为英文风格的双引号 */
}

在这个示例中,quotes 属性分别用于 <q> 元素和 <blockquote> 元素。这样在使用 ::before 伪元素为这些元素插入内容时,引用的开启和闭合引号会根据 quotes 属性的设置进行替换。这主要用于实现不同语言或风格中的不同引号样式。


转载请注明出处:http://www.zyzy.cn/article/detail/4241/CSS