在CSS中将第一个字符设为大写

Question

有没有一种方法可以使CSS标签中的第一个字符变为 大写 。

这是我的HTML：

<a class="m_title" href="">gorr</a>

<a class="m_title" href="">trro</a>

<a class="m_title" href="">krro</a>

<a class="m_title" href="">yrro</a>

<a class="m_title" href="">gwwr</a>

Answer 1

有一个属性：

a.m_title {
    text-transform: capitalize;
}

如果您的链接可以包含多个单词，并且您只希望第一个单词的首字母大写，请改用:first-letter其他转换（尽管并不重要）。注意，为了使:first- letter工作的a元件需要是块容器（其可以是display:block，display:inline-block或任何各种一个或多个属性的其他组合的）：

a.m_title {
    display: block;
}

a.m_title:first-letter {
    text-transform: uppercase;
}