2

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

4

2 回答 2

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>

正如你所看到的（在这个 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中）跨度现在也得到了引号。

希望这可以帮助！

于 2012-04-29T08:31:39.233 回答
0

国际海事组织编号 只有blockqotes / q标签。但你可以简单地检查它;）

于 2012-04-29T08:08:40.233 回答