самый распространенный: все потомки

dabblet.css

/* самый распространенный: все потомки */
.parent .child 
{
	aborder: solid 3px red 
}

/* 
	все селекторы можно уточнять 
	именами элементов ol.parent li.child 
*/

ol.parent li.child 
{
	aborder: solid 3px red
}

/* только child */
.parent > .child
{
	aborder: solid 3px red
}

/* следующий за */
.child03 + .child
{
	abackground: yellow
}

/* после */
.child03 ~ .child
{
	abackground: yellow
}

dabblet.html

<ol class="parent">
	<li class="child child01">child</li>
	<li class="child child02">
		child
		<div class="descendant">descendant</div>
		<div class="child">fake child</div>
		<ul>
			<li>sublist</li>
			<li>sublist</li>			
		</ul>
	</li>
	<li class="child child03">child</li>
	<li class="child child04">child</li>
	<li class="child child05">child</li>
									
</ol> 

settings.json

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