为什么其他样式没有应用到文本的首字母？

Question

由于CSS text-transform不支持句子大小写，因此我试图创建句子大小写混合。

我在这里有3个示例选择器，因此任何带有sentence-case类的文本都将突出显示，应将突出显示的背景变为红色。

::selection {
  background-color: red;
  color: white;
}

.sentence-case {
  text-transform: lowercase;
}

.sentence-case:first-letter {
  text-transform: uppercase;
}

<p class="sentence-case">
  Example Text
</p>

此代码按预期运行，将“示例文本”变为“示例文本”，并在用户突出显示时将文本突出显示为红色，但是第一个字母“ E”被突出显示为默认浏览器颜色-通常为蓝色。为什么红色不应用于第一个字母？