<ul>
	<li>1</li>
	<li>2<ol>
		<li>nested 1</li>
		<li>nested 2</li>
	</ol></li>
	<li>3</li>
</ul>
<!-- P ~ p -->


<div>
	<p>first</p>
	<p>secnd</p>
	<div>third</div>
	<p>forth</p>
</div>
*{ font-size: 25px;}
ul li { color: green;}
ul > li { color : red; }
p + p { color: blue; }
div + p{ color: red; }
p ~ p{ font-style: italic;}
div ~ p{ font-weight: bold;}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.