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

dabblet.css

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

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

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

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

/* следующий за */
.child04 + .child
{
	aborder: 1px solid red;
}

/* после */
.child01 ~ .child
{
	aborder: 1px solid red;
}

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>
	<li class="child child06">child</li>
	<li class="child child07">child</li>
	<li class="child child08">child</li>
	<li class="child child09">child</li>
	<li class="child child10">child</li>
	<li class="child child11">child</li>							
</ol> 

settings.json

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