<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en">
<head>
<style type="text/css">
q:lang(en)
{
quotes: "«" "»" "'" "'";
}
</style>
</head>
<body>
<p><q>This is a <q>big</q> quote.</q></p>
<p><b>Note:</b> IE8 supports the quotes property only if a !DOCTYPE is specified.</p>
</body>
</html>
我怀疑的是,该quotes属性是否可以用于除<blockquote>和之外的任何元素<q>？(我想用它在我的打印样式表中清楚地显示链接.)
这是官方的W3C页面:http://www.w3.org/TR/CSS21/generate.html#quotes-specify
虽然该quotes属性可以应用于所有元素,但该<q>元素是唯一支持它的元素 - 默认情况下.
例:
q, span {quotes: "«" "»" "'" "'";}
<span>Just a span</span>
<q>and a q</q>
正如你所看到的(在这个jsFiddle中),只有q得到引号.
但是,您可以使用另一个样式属性,content通过该属性可以告诉您要使用这些引号的任何元素!
例:
q, span {quotes: "«" "»" "'" "'";}
span:before {content:open-quote;}
span:after {content:close-quote;}
<span>Just a span</span>
<q>and a q</q>
你会看到(在这个jsFiddle中),span现在也会得到引号.
希望这可以帮助!