CSS引號屬性：可以用於任何元素嗎？

W3Schools shows本例中爲CSS屬性報價：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>其他任何元素？（我想用它在我的打印樣式表中顯示明顯的鏈接。）

來源

2012-04-29 its_me

這是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），其跨度也得到了引號了。

希望這會有所幫助！

來源

2012-04-29 08:31:39

因此，如果您想在鏈接之前和之後添加字符，您可以（通常使用CSS警告）直接使用生成的內容，而不是使用引號的概念。例如，'：link：before，：visited：before {content：「→」; }'。 – 2012-04-29 13:53:15

@ JukkaK.Korpela當然！但關於'quotes'概念的美妙之處在於，對於不同語言，您可以使用相同的'：before'和'：after'語法來引用不同的引號。例如，在我的語言中，它將是'q：lang（nl）{引號：''''''「，」「'」}} – 2012-04-29 14:03:52

IMO no。只有blockqotes/q標籤。但是，你可以簡單地檢查它;）

來源

2012-04-29 08:08:40

CSS引號屬性：可以用於任何元素嗎？

回答

相關問題