web-dev-qa-db-ja.com

疑似要素内での疑似要素のネスト

最初の「引用」には：beforeがあり、最後の引用には：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;
    }
csspseudo-element
47
David O'Sullivan

ネストのアイデア::beforeおよび::after疑似要素が提案されました。生成および置換されたコンテンツモジュールの このセクション を参照してください。しかし、そのモジュールは放棄されました 完全な書き換えが保留中 なので、再発行されるまで、実装を受信するこのドキュメントに夢中になることはありません。そして、それでも、コンテンツの疑似要素をネストできるかどうかはまだ不明です。

47
BoltClock