在伪元素内嵌套伪元素

  • Z时代
  • 2024-01-10
  • 分类：问答

我有一个：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伪元素的想法；请参阅“生成和替换的内容”模块的这一部分。但是，该模块已被放弃，等待完全重写，因此在重新发布该文档之前，我不会屏息。即便如此，嵌套内容伪元素是否仍然会是一个未知数。

以上是 在伪元素内嵌套伪元素 的全部内容， 来源链接： utcz.com/qa/410495.html

回到顶部