我的HTML如下
<h1><span>Check</span> <span>this</span> <span> out</span></h1>
我的CSS如下
h1{
text-transform: capitalize;
}
h1 span{
text-transform: capitalize;
}
有趣的是只有“检查”这个词以大写字母开头。我如何让跨度标签也大写
我的代码是
{text-transform: uppercase}
使用此代码以字母开头作为大写字母。
这工作正常,你必须有某种覆盖 css 在这里看到小提琴 http://jsfiddle.net/3MhpQ/
如果您使用任何比 9 更旧的东西,请升级,因为任何较低版本的用户统计数据都非常小
“检查”一词是唯一有效的,因为它实际上在您的 HTML 中大写。
如果你不知道什么是覆盖你可以添加一个类到你的跨度。
.caps { text-transform:capitalize; }
<h1>
<span class="caps">check</span>
<span class="caps">this</span>
<span class="caps"> out</span>
</h1>