将伪元素嵌套在伪元素中

Dav*_*van 46 css css3 pseudo-element

我有一个:开头'报价'之前和之后:收盘报价.

现在我想要的是:之后:之后的'引用'参考但我不能让它工作.

有谁知道这是否可能?

我的代码到目前为止: -

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;
    }
Run Code Online (Sandbox Code Playgroud)

Bol*_*ock 49

已经提出了嵌套::before::after伪元素的想法; 请参阅"生成和替换的内容"模块的此部分.但是,该模块在完全重写之前已被放弃,所以在重新发布之前,我不会屏住这个文档,直到接收实现.即便如此,嵌套内容伪元素仍然是一件事仍然是未知的.

  • @Zeaklous:不,这个特殊文件可以被认为是废弃的,因为它正在等待完全重写 - 请参阅http://www.w3.org/Style/CSS/current-work.en.html (4认同)
  • 啊,好吧,惭愧:( (3认同)