week5-3.html

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial--scale=1">
	<title>week5-3</title>
	<style type="text/css">

		/*div+p{color: magenta}*/ /*adjacent sibling, next to you. 1 > 2. the first p after a div*/

		div~p{color: magenta} /*general sibling. anything after div, as long as its p*/

	</style>
</head>
<body>

<div>
	<p>1.0</p>
	<p>1.1</p>
</div>
<p>2</p>
<p>3</p>
<p>4</p>

<div>
	<p>4.1</p>
	<p>4.2</p>
</div>
<p>5</p>
<p>6</p>

</body>
</html>