CSS3 selectors

dabblet.css

/* CSS3 selectors */

ul { font-size: 1.5em; color: #999; }

li:last-child { color: red; }

li:nth-child(3n) { color: RoyalBlue; }

li[class^=test] { color: orange } /* starts with */

/* li[class$=test]  ends with  */
/* li[class*=es]    enthält    */

dabblet.html

<ul>
<li>eins
<li>zwei
<li>drei
<li class="testtest">vier
<li>fünf
<li>sechs
<li>sieben
<li class="testklasse">acht
<li>neun
<li>zehn
</ul>

settings.json

{"view":"separate","seethrough":"","prefixfree":"1","page":"all"}