用CSS添加双引号到段落

可以说我有这个段落：

<p class="myclass">This is my paragraph</p> 

什么是CSS代码添加到这个段落的双引号？ （所以它会呈现“这是我的段落”）

 .myclass {} 

Answer 1

使用伪元素 ：

 p.myclass:before, p.myclass:after { content: '"'; } 

小提琴： http : //jsfiddle.net/2bE8j/1/

Answer 2

其实，接受的答案是错误的，或者至less是不理想的。 它应该是：

 q { quotes: '\201c' '\201d'; } q:before { content: open-quote; } q:after { content: close-quote; } 

\201c这里是一个左curl双引号的Unicode。 没有理由不能直接在q的规则中写出双引号：

 q { quotes: '“' '”'} 

open-quote和close-quote是content属性的特殊值，它们引用作为quotes属性的值给出的string。

现在你可以说：

 <p><q>This is my paragraph</q></p> 

或者其一些变体; 你当然可以直接在p上添加before规则，如果你愿意：

 body { quotes: '\201c' '\201d'; } p:before { content: open-quote; } p:after { content: close-quote; } 

这允许您使用quotes属性来分解用于引号的特定字符，而不更改所有before规则。 例如，你可以做一些事情，比如

 :lang(de) { quotes: "»" "«"; } 

如果lang属性被设置为任何祖先的话，就可以得到德语风格的引号。

quotes属性实际上允许您指定额外的引号集，用于嵌套引号。 有关更多详细信息，请参阅文档。

 body { quotes: '\201c' '\201d'; } q:before { content: open-quote; } q:after { content: close-quote; } :lang(de) { quotes: "»" "«"; } 

 <p>Quoth the raven, <q>Never more.</q></p> <p lang="de">Sprach der Rabe: <q>Nie du Tor.</q></p> 

Answer 3

 .myclass:before { content: '\201C'; } .myclass:after { content: '\201D'; } 

Answer 4

我在这里做了一些关于我的报价工作的报价。

这是第一个引号：

 blockquote:before{content: open-quote;} 

这是第二个引号：

 blockquote:after{content: close-quote;) 

但是，这只适用于CSS3。