html-使用C向段落添加双引号

可以说我有这段:

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

在此段中加双引号的CSS代码是什么? (因此它将呈现“这是我的段落”)

.myclass {}
webmasters asked 2020-08-01T08:50:10Z
4个解决方案
138 votes

实际上,接受的答案是错误的,或者至少是次优的。 它应该是:

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

这里的q是Unicode,左旋双引号。 没有理由不能在open-quote的规则中直接写双引号:

q { quotes: '“' '”'}

qopen-quoteclose-quote属性的特殊值,它是指作为quotes属性的值给出的字符串。

现在您可以说:

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

或其某些变体; 您当然可以在close-quote上直接添加qopen-quote规则,如果您愿意:

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

这使您可以使用q属性排除用于报价的特定字符,而无需更改所有open-quoteclose-quote规则。 例如,您可以然后执行以下操作

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

如果在任何祖先上将q属性设置为open-quote,则可以获取德语样式的报价。

实际上,q属性允许您指定其他引号集,以与嵌套引号一起使用。 有关更多详细信息,请参阅文档。

q
q

参考文献:

  • q属性
  • q伪类
  • q属性,具有open-quoteclose-quote
  • q引用字符串的元素
answered 2020-08-01T08:51:45Z
84 votes
.myclass:before
{
content: '\201C';
}

.myclass:after
{
content: '\201D';
}
Pedryk answered 2020-08-01T08:52:01Z
40 votes

使用伪元素:

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

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

Rob W answered 2020-08-01T08:50:32Z
3 votes

这是我对blockquote工作进行报价的过程。

这是第一个引号:

blockquote:before{content: open-quote;}

这是第二个引号:

blockquote:after{content: close-quote;)

但是,这仅在CSS3中有效。

rockingtree answered 2020-08-01T08:52:34Z
translate from https://stackoverflow.com:/questions/8040217/adding-double-quotes-to-a-paragraph-with-css