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元素需要显示为块：

a.m_title {
    display: block;
}

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

Answer 2

请注意，::first-letter选择器不适用于内联元素，因此它必须是block或inline-block，如下所示：

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

Answer 3

CSS :first-letter Selector

或：

text-transform: capitalize;

Answer 4

我建议使用

#selector {
    text-transform: capitalize;
}

或

#selector::first-letter {
    text-transform: uppercase;
}

顺便说一下，查看这个w3schools链接：http://www.w3schools.com/cssref/pr_text_text-transform.asp

Answer 5

<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>

Answer 6

先将其小写：

.m_title {text-transform: lowercase}

然后将其首字母大写：

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

总而言之，“文本转换：大写”有效；但是您想要多词，这种解决方案是完美的。

Answer 7

我建议您在CSS中使用以下代码：

    text-transform:uppercase;

确保你把它放在课堂上。

在css中使第一个字符为大写

7 个答案: