我有一个:before开头的’quote’和一个:after结束的报价。
现在,我想要的是一个: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; }
已经提出了嵌套::before和::after伪元素的想法;请参阅“生成和替换的内容”模块的这一部分。但是,该模块已被放弃,等待完全重写,因此在重新发布该文档之前,我不会屏息。即便如此,嵌套内容伪元素是否仍然会是一个未知数。
::before
::after