在CSS中使第一个字符大写

有没有办法让第一个字符在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> 

有一个属性:

 a.m_title { text-transform: capitalize; } 

如果您的链接可以包含多个单词,并且只希望第一个单词的第一个字母为大写,请使用:first-letterreplace为不同的转换(尽pipe并不重要)。 请注意,为了使:first-letter能够工作,您a元素需要显示为块:

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

CSS:首字母select器

要么 :

 text-transform: capitalize; 

请注意::first-letterselect器不适用于内联元素,因此它必须是blockinline-block ,如下所示:

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

我build议使用

 #selector { text-transform:initial; } 

要么

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

顺便说一下,这是w3c文档http://www.w3schools.com/cssref/pr_text_text-transform.asp

我build议你在CSS中使用下面的代码:

  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>