可以使用CSS

时间:2016-05-24 21:29:58

标签: css string

例如,像这样的字符串,位于HTML元素中:

  - One Tree 
  - one tree 
  - One tree 
  - one Tree

应用样式后,它们应呈现为:

One tree

P.D:只使用CSS,没有javascript,也没有额外的处理。

2 个答案:

答案 0 :(得分:5)

是完全可能的。

请参阅此代码:

li, 
p{
 text-transform: lowercase; 
}
li::first-letter,
p::first-letter{
  text-transform: uppercase;
}
<ul>
<li>first Li Item</li>
<li>SeCOND li Item</li>
</ul>
<p>
First PitEm is herE.
</p>

此处示例:https://jsfiddle.net/s23xr3km/

答案 1 :(得分:1)

你需要创建两个span id第一个span id应该有这样的css

#spanId1 {
text-transform : capitalize;
}
#spanId2 {
text-transform :lowercase;
}
<span id = "spanId1"> One </span> <span id = "spanId2"> Tree </span>