如何应用：带显示的div的第一个字母伪元素：flex？

Question

：第一个字母的伪元素不适用于具有display：flex属性的div。但它适用于块和内联块元素。

div {
  display: flex;
  text-transform: lowercase;
}

div:first-letter {
  text-transform: uppercase;
}

<div>flex</div>
<div style="display: block">block</div>
<div style="display: inline-block">inline-block</div>