html - webvtt ファイルの内容にスタイルが適用されない

Question

webvtt ファイルの使用は初めてです。webvtt ファイルのコンテンツにスタイルを適用しようとしています。MDN Web サイトにある例を使用しています。これは私のコードがどのように見えるかです。

WEBVTT

STYLE

::cue {
  background-image: linear-gradient(to bottom, dimgray, lightgray);
  color: papayawhip;
}

/* Style blocks cannot use blank lines nor "dash dash greater than" */

NOTE comment blocks can be used between style blocks.

STYLE

::cue(b) {
  color: peachpuff;
}

00:00:00.000 --> 00:00:10.000

- Hello <b>world</b>.

スタイルがテキストに適用されていることはまだわかりません。これには何か理由がありますか？私は何か見落としてますか？ティア。