如何通过选择器调整HTML5 Vtt字幕文件的样式设置？

本文共计941个文字，预计阅读时间需要4分钟。

VTT 文件不支持 CSS 和选择器。

VTT 是一种纯文本格式，用于定义时间轴上的字幕内容及其基础样式（如位置、对齐、字体大小等）。它是 HTML5 视频字幕的标准格式，但不包含 CSS 和选择器机制。

在 HTML5 视频中，字幕的样式控制通常通过 CSS 实现，针对 `<video>` 元素或其子元素进行样式设置。

VTT 文件能写的“样式”只有内联提示（cue settings）

VTT 文件中每条字幕（cue）末尾可添加空格分隔的提示（settings），例如：

00:00:01.000 --> 00:00:04.000 line:80% align:end position:90% size:40%
你好，欢迎观看

这些提示对应的是 WebVTT 规范定义的有限属性，浏览器会将其映射为内部样式逻辑，但不是 CSS 类或 ID，也无法用 .class 或 #id 选中。