有一种方法使标签的第一个字符大写在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>


当前回答

先写小写字母:

.m_title {text-transform: lowercase}

然后把第一个字母大写:

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

“text-transform: capitalize”适用于一个单词;但如果你想用在句子中,这个解决方案是完美的。

例子: .m_title { 显示:inline-block;/*感谢Fanky (https://stackoverflow.com/users/2095642/fanky) */ 首字母:小写 } .m_title:首字母{ 大写首字母: } <a class="m_title" href="">gorr</a> <a class="m_title" href=""> tro tro </a> <a class="m_title" href="">krro</a> <a class="m_title" href="">yrro</a> <a class="m_title" href="">gwwr gwwr gwwr</a>

其他回答

也适用于React Native:

    textTransform: 'capitalize'

CSS:首字母选择器

or:

text-transform: capitalize;

请注意::首字母选择器不适用于内联元素,因此它必须是block或inline-block,如下所示:

.m_title {display:inline-block}
.m_title:first-letter {text-transform: uppercase}

这里有一个属性:

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;
}
<script type="text/javascript">
     $(document).ready(function() {
     var asdf = $('.capsf').text();

    $('.capsf').text(asdf.toLowerCase());
     });
     </script>
<div style="text-transform: capitalize;"  class="capsf">sd GJHGJ GJHgjh gh hghhjk ku</div>