Nidi pseudo-elementi all'interno di pseudo-elementi

Question

Ho un: prima per un 'preventivo' di apertura e un: dopo per una citazione di chiusura.

Ora quello che voglio è un: after: after per il riferimento "cite" ma non riesco a farlo funzionare.

Qualcuno sa se questo è possibile?

Il mio codice finora: -

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; 
    } 

Answer 1

L'idea di nidificazione ::before e ::after pseudo-elementi è stato proposto; vedere this section del modulo Contenuto generato e sostituito. Tuttavia, quel modulo è stato abbandonato pending a complete rewrite, quindi non terrei il respiro su questo documento che non ha mai ricevuto un'implementazione finché non è stato ripubblicato. E anche allora, se gli pseudo-elementi del contenuto di nidificazione saranno ancora una cosa ancora sconosciuta.