css怎么让首字母大写，我想让第一个单词的首字母大写，其他的不变，怎么搞

html-css017

css怎么让首字母大写，我想让第一个单词的首字母大写，其他的不变，怎么搞,第1张

<p>hello,word! this a test</p>

<style>

p{text-transform:capitalize}

</style>

每个单词首字都会大写，这符合英文语法。如果只想首个单词首字大写的话，css无能为力，最简单方法就是打字的时候把大小写打好

<div style="text-transform:capitalize">first-letter</div>

输出如下：First-letter

加入你想用于标签：

css样式

<style>

p{text-transform:capitalize}

</style>

html如下：

<p>first-letter</p>

举个例子：

比如都在一个标签里

<div class="test">

<p><span>这里是</span>文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容</p>

<p><span>这里是</span>文字内容文字内容文字内容文字内容文字内</p>

<p><span>这里是</span>文字内容文字内容文字内容文字内容文字内</p>

</div>

css：

.test p span{font-weight:bold}

这一个样式就可以了

如果在多个标签里

<div class="test">

<p><span class="fb">这里是</span>文字内容文字内容文字内容文字内容文字内</p>

<p><span class="fb">这里是</span>文字内容文字内容文字内容文字内容文字内</p>

<ul>

<li><span class="fb">这里是</span>文字内容文字内容文字内容</li>

<li><span class="fb">这里是</span>文字内容文字内容文字内容</li>

</ul>

</div>

css：

.fb{font-weight:bold}

这个就是你那儿要加粗，在那调用就行，挺方便，这个方法在上面也适用

提一下，上面我用的span也可以替换成别的标签，如strong等，我只举个例子，你用的时候自己选择就行