例

このページの例には2つの目的があります。ユニットテストとして機能しバグの発見が容易になり、同時に、Prismが何ができるかをシンプルで境界的なケースで実証します。

マークアップの違い

code.language-css

p { color: red; }

pre.language-css > code

p { color: red; }

pre > code.language-css

p { color: red; }

pre.language-css > code.language-*

p { color: red; }

code.lang-css

p { color: red; }

pre.lang-css > code

p { color: red; }

pre > code

言語なし、.language-markupを継承する必要があります

<p>hi!</p>

code.language-*

言語なし、.language-markupを継承する必要があります

<p>こんにちは!</p>

code.language-none

ハイライトされません。

<p>こんにちは!</p>

言語別例