Question

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>以外的任何元素吗？（我想用它在我的打印样式表中清楚地显示链接。）

Answer 1

这是官方的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中）该范围现在也会得到引号。

希望这有帮助！

Answer 2

IMO没有。只有blockqotes / q标签。但你可以简单地检查一下;）

CSS引用属性：它可以用于任何元素吗？

2 个答案: