2012-01-25 123 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