如何用css制作首字母大小写？

Question

我有这个xml

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

在用CSS格式化后我有这个HTML

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

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

你能告诉我吗？

Answer 1

如果您不关心旧浏览器版本，也可以使用CSS3伪类'::first-letter'！ .date

＆＃13;

＆＃13;

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

} 

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 2

您可以使用text-transform属性。

.dateGroup {
    text-transform: lowercase;
}