javascript - 如何使用CSS将跨度中的首字母小写？

Question

我有这个xml

<dg>(<date>B.1987</date>)</dg>

在用 CSS 格式化之后我得到了这个 html

<span class="dateGroup"> (<span class="date"> B.1987</span>)</span >

我想要做的是将字母“B”设为小写，以便具有类(class)日期的跨度的第一个字母。我已经在互联网上搜索过，但它似乎只适用于 tage <p></p>

请问有什么建议吗？

Answer 1

您还可以使用 CSS3 伪类 '::first-letter'如果您不关心较旧的浏览器版本!.日期

.date{
      display:inline-block;
}
.date::first-letter {
  text-transform: lowercase;

} 

<span class="date">B.1234</span>