2012-01-25 314 views
37

我有一个:打开“报价”之前和一个:之后为结束报价。在伪元素内嵌套伪元素

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

有谁知道这是否可能?

到目前为止我的代码: -

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

回答

39

筑巢::before::after伪元素的想法已经提出;请参阅生成和替换的内容模块的this section。但是,该模块已被废弃pending a complete rewrite,所以我不会屏住呼吸,直到重新发布该文件才能获得实施。即使如此,是否嵌套内容伪元素仍然是一件事情尚不得而知。

+3

嗯好的,耻辱:( –

+1

@BoltClock对此有任何更新? –

+4

@Zeaklous:不,这个特定的文档可以被认为放弃了,因为它正在等待完整的重写 - 请参阅http://www.w3.org/Style/ CSS /电流work.en.html – BoltClock