2017-08-28 79 views
1

我一直在試圖將帶有內容的僞元素添加到正在使用飛碟庫轉換的頁面的CSS中。在常規瀏覽器中以HTML格式查看頁面時,代碼正常工作,我可以看到僞元素(:before)。使用飛碟渲染PDF時,僞元素會消失。飛碟是否支持僞元素

根據官方飛碟規格,CSS 2.1支持,因此應該包含僞元素和內容屬性。那爲什麼它不適合我?所有其他的CSS工作正常。

回答

1

飛碟支持以下CSS僞元素:

  • before
  • after
  • first-line
  • first-letter

它只支持標準,雙冒號CSS3語法(::after)和不是舊的單冒CSS2語法(:after)。

這裏是一個工作示例:

<html> 
<head> 
<style> 
    div::before {content: "before - "} 
    div::after {content: " - after"} 
    p::first-line {font-weight:bold} 
    p::first-letter {color:blue} 
</style> 
</head> 
<body> 
    <div>A div</div> 
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sed scelerisque augue. Nulla eleifend aliquet tortor, vel placerat velit fringilla vitae. Sed quis sem eu arcu dapibus convallis.</p> 
</body> 
</html> 

而結果(使用飛碟9.1.6): PDF showing pseudo element applied

+0

謝謝您的回答。你知道我是否可以使用:第一類或類似的選擇器呢? –

+0

不要緊,似乎這是CSS3規範的一部分,而不是2.1 –

+1

不,不支持「頭一種」。據我可以看到飛碟的源代碼,只支持響應中列出的4個僞元素。 – obourgain