Question

q:before,q:after{content:'';}有什么用?

css样式，q:before,q:after{content:'';}有什么用?最好给个实例，谢谢

Answer 1

q:before,q:after{content:'';} 就是引用，在<q></q>标签之间的文字两头加上引号(")

如代码：<q>替代文字替代文字替代文字替代文字</q>
效果为："替代文字替代文字替代文字替代文字"

定义和用法

<q> 标签定义短的引用。

浏览器经常在引用的内容周围添加引号。

实例

标记短的引用：

<q>Here is a short quotation here is a short quotation</q>

效果：“Here is a short quotation here is a short quotation”

<q> 与 <blockquote> 的区别

<q> 标签在本质上与 <blockquote> 是一样的。不同之处在于它们的显示和应用。<q> 标签用于简短的行内引用。如果需要从周围内容分离出来比较长的部分（通常显示为缩进的块），请使用 <blockquote> 标签。

提示和注释：

提示：根据 HTML 4.01 规范，q 元素应当使用分界引号来呈现，就是说，q 元素包含的文本必须以引号来开始和结束。Mozilla 浏览器 (Firefox) 以及 Opera 符合这个规定，但是 Internet Explorer 却不支持此规定。结果，如果要使用 <q> 标签，而且用自己的引号来满足 Internet Explorer，那么就要在符合标准的浏览器使用两组引号。尽管如此，我们还是推荐使用 <q> 标签，这不仅仅因为我们喜欢标准，还因为我们预见到了将其应用于文档处理、信息提取等方面的显示效果。