有一种方法使标签的第一个字符大写在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>
有一种方法使标签的第一个字符大写在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-letter,并使用不同的转换(尽管这并不重要)。注意,为了使:first-letter工作,你的a元素需要是块容器(可以是display: block, display: inline-block,或一个或多个属性的任何其他组合):
a.m_title {
display: block;
}
a.m_title:first-letter {
text-transform: uppercase;
}
其他回答
请注意::首字母选择器不适用于内联元素,因此它必须是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>
我建议你在CSS中使用以下代码:
text-transform:uppercase;
确保你把它放在你的课上。
CSS:首字母选择器
or:
text-transform: capitalize;