CSS引用属性:它可以用于任何元素吗?

时间:2012-04-29 08:01:22

标签: html css

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

2 个答案:

答案 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)

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