css – 在伪元素中嵌套伪元素

前端之家收集整理的这篇文章主要介绍了css – 在伪元素中嵌套伪元素前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个:之前的开头“报价”和:一个结束报价。

现在我想要的是一个:后:之后的“引用”参考,但我不能得到它的工作。

有谁知道这是否可能?

我的代码到目前为止: –

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伪元素的想法;请参阅生成和替换内容模块的 this section。但是,该模块已被放弃 pending a complete rewrite,所以我不会抱怨这个文档,直到它被重新发布接收实现。即使是这样,嵌套内容伪元素是否仍然是一个东西是至今未知的。

猜你在找的CSS相关文章