W3Schools shows此示例用于CSS引用属性:
<!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>
以外的任何元素吗? (我想用它在我的打印样式表中清楚地显示链接。)
答案 0 :(得分:5)
这是官方的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>
如您所见(在this 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>
你会看到(在this jsFiddle中)该范围现在也会得到引号。
希望这有帮助!
答案 1 :(得分:0)