このプラグインはすべてのキーワードに特別なクラスを追加するため、キーワードに固有のスタイルを適用できます。これらの特別なクラスを使用すると、CSSルールを使用してキーワードの外観を細かく制御できます。
たとえば、キーワードifにはクラスkeyword-ifが追加されます。特別なハイライトを適用するために使用されるCSSルールは次のようになります。
.token.keyword.keyword-if { /* styles for 'if' */ }注意: このプラグインにはCSSスタイルは付属していません。キーワード固有のCSSルールを自分で定義する必要があります。
この例は、実際に動作するプラグインを示しています。キーワードifとreturnは赤でハイライトされます。他のすべてのキーワードの色は、現在のテーマによって決まります。キーワードに固有のハイライトを実装するために使用されるCSSルールは、以下のHTMLファイルで確認できます。