css 双层伪元素,CSS-在伪元素内嵌套伪元素

我有一个：before开头的'quote'和一个：after结束的quote。

现在，我想要的是一个：after：after供“引用”参考，但我无法使其正常工作。

有人知道这是否可能吗？

到目前为止，我的代码：

blockquote:before { content: '\201C'; }

blockquote:after { content: '\201D'; }

blockquote {

font-size: 22px;

line-height: 24px;

text-indent:60px;

}

blockquote:before {

font-size: 170px;

margin-left: -136px;

margin-top: 50px;

opacity: 0.2;

position: absolute;

overflow:visible;

float:left;

width:135px;

}

blockquote:after {

float: right;

font-size: 170px;

margin-right: 35px;

margin-top: 33px;

opacity: 0.2;

overflow:visible;

width:135px;

}

blockquote[cite]:after:after {

display: block;

text-align: right;

content: "\2014\ " attr(cite);

font-style: normal;

font-size: 0.8em;

}