2017-08-28 13 views
1

フライングソーサーライブラリで変換されているページのコンテンツに擬似要素をCSSに追加しようとしています。通常のブラウザでページをHTMLとして表示すると、コードは正常に動作し、疑似要素(:の前)が見えます。ただし、Flying Saucerを使用してPDFをレンダリングすると、疑似要素が消えます。フライングソファーが擬似要素をサポートしています

公式のFlying Saucer仕様によると、擬似要素とコンテンツ属性を含めるようにCSS 2.1がサポートされています。ではなぜ私のために働いていないのですか?他のCSSはすべて正常に動作しています。

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

は、それが唯一の標準、二重コロンCSS3の構文をサポートしています。

答えて

1

フライング・ソーサーには、以下のCSSの擬似要素をサポートしています(::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

いいえ、「first-of-type」はサポートされていません。飛行皿のソースコードを見る限り、応答にリストされている4つの擬似要素だけがサポートされています。 – obourgain

関連する問題