Only first letter in uppercase

dabblet.css

/*
 * Only first letter in uppercase
 */


/* all in lowercase */
.transform li {
    text-transform: lowercase;
}
/* first-letter in uppercase */
.transform li:first-letter {
    text-transform: uppercase;
}




/* not important */
body { 
	font-family: helvetica, arial, sans-serif;
	color: #555;
}
h1 { font-size: 1.2em; }
div {
	display: inline-block;
	width: 300px;
}

dabblet.html

<div>
	<h1>Without <code>text-transform</code></h1>
	<ul>
		<li>Plop</li>
		<li>FOO</li>
		<li>bar</li>
	</ul>
</div>
<div>
	<h1>With <code>text-transform</code></h1>
	<ul class="transform">
		<li>Plop</li>
		<li>FOO</li>
		<li>bar</li>
	</ul>
</div>

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}