可以仅使用CSS以大写形式显示第一个字符而以小写形式显示其他字符

Question

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

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

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

One tree

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

Answer 1

是完全可能的.

请参阅此代码示例:

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/