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

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:第一个字母选择器

要么 :

text-transform: capitalize;

Answer 4

首先将其设为小写：

.m_title {text-transform: lowercase}

然后使其第一个字母大写：

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

“文本转换：大写”适用于一个词；但如果你想用于句子，这个解决方案是完美的。

例子：

.m_title {text-transform: lowercase}

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

Answer 5

我建议用

#selector {
    text-transform: capitalize;
}

要么

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

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