kushalseth/cssinheritence.html

## cssinheritence.html
<!DOCTYPE html>
<html>
<head>
<style>
div {
	background-color: #ffff00; // yellow
}

p {
	background-color: #ff0000; // red
}


</style>
</head>
<body>
	<div>
		<h2>I am h2 directly under div</h2>
		<p  data-test="001">This is para inside div, but not directly inside div</p>
	</div>
    <p  class="myclass"  data-test="001">I am paragraph directly inside the body and below a div</p>
</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<style>
	div {
	background-color: #ffff00; // yellow
	}

	p {
	background-color: #ff0000; // red
	}


	</style>
	</head>
	<body>
	<div>
	<h2>I am h2 directly under div</h2>
	<p data-test="001">This is para inside div, but not directly inside div</p>
	</div>
	<p class="myclass" data-test="001">I am paragraph directly inside the body and below a div</p>
	</body>
	</html>